jQuery – ScrollTop ohne Animation

Wie kann ich das Scrolltop ohne Animation verwenden?

Dieser Code funktioniert:

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

Und hier sind meine (nicht funktionierenden Lösungen):

$("#mainCt").scrollTop('+=' + offTop + 'px');                 // doesn't work
$("#mainCt").scrollTop('+='+offTop);                          // doesn't work
hhh = setTimeout(' $("#mainCt").scrollTop('+offTop+');',800); // doesn't work

DEMO
http://jsfiddle.net/DNNFF/9/

Versuche dies:

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

Das scrollTop Die Eigenschaft akzeptiert nur eine Ganzzahl, es sind keine Suffixe oder Einheiten erforderlich.

vielleicht, wenn Sie keine Animation oder irgendetwas Besonderes wollen, verwenden Sie einfach einen Anker

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

Platzieren Sie es dort, wo Sie scrollen müssen

und in Ihrer Funktion, wo Sie aufrufen, verwenden

document.location.href="#top";

Sie könnten auch eine Funktion erstellen, um den Anker vor dem Element anzuhängen, tun Sie dies document.location Ding und entfernen Sie später diesen Anker.

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

jQuery überspringen. Verwenden Sie einfach JavaScript:

window.scroll(0, 0);

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

$(window).scrollTop(offTop)

Warum nicht mit kürzerer Dauer verwenden. Ich habe daran herumgefummelt und es hatte keine Animation. Da keine Zeit bleibt, die Animation zu sehen, wird es überhaupt keine Animation geben.

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 50); //50 added here as duartion

Kannst du nicht mit der Dauer spielen?

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

Demo mit Position auf Aktualisierungsseite beibehalten mit jQuery:

//------KEEP SCROLL POSITION
        $(window).scroll(function () {
            sessionStorage.scrollTop = $(this).scrollTop();
        });
        $(document).ready(function () {
            if (sessionStorage.scrollTop != "undefined") {
                setTimeout(() => window.scrollTo({
                    top: sessionStorage.scrollTop,
                    left: 0,
                    behavior: 'auto'
                }), 5);
            }
        });