$(function(){ $("#btn1").click(function(){ var content1 = $("#content1").offset().top; $("html, body").animate({scrollTop: content1},'slow'); return false; }); $("#btn2").click(function(){ var content2 = $("#content2").offset().top; $("html, body").animate({scrollTop: content2},'slow'); return false; }); $("#btn3").click(function(){ var content3 = $("#content3").offset().top; $("html, body").animate({scrollTop: content3},'slow'); return false; }); $(".pt").click(function(){ $('html, body').animate({ scrollTop: 0 }, 'normal'); return false; }); });