jquery how to offset scroll position

Question

I have the following code that scrolls to a certain element:

$('html, body').animate({
         scrollTop: $("#maincontent").offset().top
     }, 400);

However, I have a fixed navbar at the top and so would like to be able to offset this. How can I offset it by a number of pixels?

this might help http://stackoverflow.com/questions/10297688/jquery-offset-values-changes-by-scrolling-the-page — Rachel Gallen, May 10 '13 at 11:50

ShibinRagh · Accepted Answer · 2013-05-10T11:54:38.880

7

Try

$('html, body').animate({
    scrollTop: $("#maincontent").offset().top - 100 // Means Less header height
},400);

edited May 10 '13 at 11:54

answered May 10 '13 at 11:51

ShibinRagh

1

Less header height from offset value , It will solve the problem – ShibinRagh May 10 '13 at 11:55

score 0 · Answer 2 · answered May 10 '13 at 11:52

0

$("#maincontent").scrollTop(300);

answered May 10 '13 at 11:52

score 0 · Answer 3 · answered May 10 '13 at 11:53

0

$("#maincontent").offset().top just returns an integer, you only need to add or subtract to it to change the offset

$("#maincontent").offset().top - 100

answered May 10 '13 at 11:53

David Fregoli

3 Answers3