jQuery - ScrollTop without animation

Question

How can I use the scrolltop without an animation

This code works:

var offTop = $(\'#box\').offset().top;
offTop  = offTop-43;
$(\'#mainCt\').animate(         


        

Answer 1

maybe if you don't want an animation or anything fancy just use an anchor

<a name="top"></a>

Place it where you need to scroll

and in your function where you are calling use

document.location.href="#top";

You could also create a function to append the anchor before the element, do the document.location thing and later remove that anchor.

http://jsfiddle.net/fSrxr/1/

Answer 2

var offTop = $('#box').offset().top;
$(window).scrollTop(parseInt(offTop))

Answer 3

Try this:

var offTop = $('#box').offset().top - 43;
$('#mainCt').scrollTop(offTop);

The scrollTop property accepts just an integer, no suffixes or units required.

Answer 4

http://api.jquery.com/scrollTop/

$(window).scrollTop(offTop)

Answer 5

Skip jQuery. Just use JavaScript:

window.scroll(0, 0);

Answer 6

Can't you play with the duration ?

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').delay('800').animate({scrollTop: '+=' + offTop + 'px'}, 1);