The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Horizontally Scrolling Gallery

  • # November 7, 2012 at 8:19 pm

    I’m trying to make my own photography website and I have the basic layout in a table with my name in a row on the top and what will be the navigation in a left hand column underneath. I want my photos to be in the remaining area of the page and to scroll horizontally, independent of the header with my name the the left hand navigation. I want those portions to remain locked in place. I basically want the general function of this website I’ve done a lot of googling and it seems like i’m either going to need a lot of complicated html and css or some sort of jquery plugin (which I have no idea how to use). So if anyone could point me in the right direction or simplify the process that’d be great. Thanks!

    Also, I have looked at the article on here about horizontal scrolling site ( but I’m just not really sure how to apply it to mine.

    # November 8, 2012 at 7:13 am

    This reply has been reported for inappropriate content.

    you basically do it like this

    your menu and other things will be position fixed.

    # November 8, 2012 at 8:26 am

    Give a look at this experiment I did a couple of weeks ago:

    It’s not exactly what you’re looking for but it is easily customizable. If you’re interested download it from:

    # March 21, 2013 at 12:17 am

    This is exactly what I’m looking for to use on the Portfolio section of my photography website. I’m also struggling to do it on my own as I use a lot of templates (Prophoto) due to not knowing how to code a website besides the odd thing here and there. If anyone can help or knows where I could buy a template for this part it would be great. I have the blog side all worked out but just want the portfolio link page to scroll horizontally with the title and menu bar to stay put – just like the example Chelsea gave.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed