Grow your CSS skills. Land your dream job.

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 http://www.dalerothenberg.com/. 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 (http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/) but I’m just not really sure how to apply it to mine.

    # November 8, 2012 at 7:13 am

    you basically do it like this http://www.visibilityinherit.com/code/body-scroller.php

    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:

    http://zhereicome.com/experiments/statics/myascensor

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

    https://github.com/jonigiuro/myascensor

    # 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.

*May or may not contain any actual "CSS" or "Tricks".