Jquery Scroll

[Waffle]

$(function(){



$('.ContactArea').hide();



$('.Portfolio').hide();



$('.WebDesign').hide();



$('.AboutCoadin').hide();





$('li.Contact').click(function(){

$(".ContactArea").slideToggle();

});



$('li.PortfolioBtn').click(function(){

$(".Portfolio").slideToggle();

});



$('li.WebDesignBtn').click(function(){

$(".WebDesign").slideToggle();

});



$('li.AboutBtn').click(function(){

$(".AboutCoadin").slideToggle();

});





});

Hey, This is Jquery for some buttons to make some divs slide down and slide back up.

I also want the page to scroll to those divs when those buttons are pressed, any ideas how that would work? I know jquery, but not that well.

[whiteInkDesign]

Hmm, I think you’d do something like use .offset and .top to find the position of the div then .animate scrollTop to move the page to it. Have that bound to .click on on the relevant li tag.

[Chris Coyier]

I used this post as a case study blog post: https://css-tricks.com/case-study-jquery-fixer-upper/

[Author]

Posts