Search jQuery

jQuery Forum

Using jQuery

angela

Click on image slide down page to next image vertically, simple jquery?

in Using jQuery • 9 years ago

Hello,

I want to achieve this effect but vertically not horizontally.

http://angela-moore.co.uk/

I want it to be one page that you can scroll through if you wish using scrolling but if you click on the image it slides neatly to the next image down.

I have looked for a plugin but cant find one. I am sure there would be a very simple bit a jquery that would do this?

Thank you

Angela

Replies(2)

angela

Re: Click on image slide down page to next image vertically, simple jquery?

9 years ago

Since I posted the above question I have got this far, however image doesn't scroll up to top.

So far I have this

function goToByScroll(id){

$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');

}

<body>

<ul>

</ul>

</div>

</body>

see it working http://kimcolemanprojects.com/artworks.html

can anyone see my mistake?

thanks

angela

Re: Click on image slide down page to next image vertically, simple jquery?

9 years ago

Thanks to anyone who looked at this query, have managed to solve it myself. small errors in typing and image size was making it not run smoothly.

Top Reply

Response title

Attachments

jQuery Forum

Click on image slide down page to next image vertically, simple jquery?

Replies(2)

Re: Click on image slide down page to next image vertically, simple jquery?

Re: Click on image slide down page to next image vertically, simple jquery?

Statistics

Tags

Actions

Related Posts