Is there a way that I will be able to make my page scroll to a certain div? I have done some jquery but it only works on desktop.

 

//scroll functions

$('#about-button,#contact_link').click(function(){

$('html, body').animate({scrollTop:2150}, 2000);

});

$('#banner-button').click(function(){

$('html, body').animate({scrollTop:1600}, 2000);

});

$('#work,#work_link').click(function(){

$('html, body').animate({scrollTop:1600}, 2000);

});

$('#home').click(function(){

$('html, body').animate({scrollTop:0}, 2000);

});

$('#profile').click(function(){

$('html, body').animate({scrollTop:380}, 2000);

});

$('#contact').click(function(){

$('html, body').animate({scrollTop:2150}, 2000);

});

//scrolls

this is my code but i have done some research and what I have tried to do doesnt work with me.

I think Jquery doesnt like me at times :/ haha

something like http://jsfiddle.net/9SDLw/

thanks a lot it worked, i didnt realise it was that simple haha thanks a lot.