I'm currently producing a single page portfolio where the entire page scrolls vertically (with a height of around 5000px). On the page I want a horizontal gallery. It will look 500px high and 100% wide but will physically wider; around 3000px or so. Inside that space i'll have multiple images and div boxes (or tables if I have to) that will allow for descriptions and titles of the images. The overflow will be hidden to disable the scroll bar.
So far, that isn't a problem. The issue I am having having is using achor points (with smooth scrolling) at each section of the gallery and not make the page scroll physically to that anchor point, but rather the gallery scroll there.
The best example of what I want is found here:
http://imagemechanics.com.au/#!/pages/the-process
This is, in a way, exactly what I want (I can make my own adjustments to the layout). Where I click on link in the navigation and it scrolls smoothly to that point.
I have no idea how they've done it and after looking into their code I still can't work it out.
Can anyone push me into the right direction or show me how it can be done? I'd appreciate it so much.



Reply With Quote


Bookmarks