jquery - 如何在页面加载从底部开始然后自动滚动到顶部？

Question

我正在使用 DIV 标签而不是 iFrames FYI。我想向访问者展示所有可用的内容。我发现这段代码会在页面加载时自动滚动到底部，然后再回到顶部。但我希望它从底部开始，然后滚动到顶部。这是我找到的代码：

(function($){
    $.fn.downAndUp = function(time, repeat){
        var elem = this;
        (function dap(){
            elem.animate({scrollTop:elem.outerHeight()}, time, function(){
                elem.animate({scrollTop:0}, time, function(){
                    if(--repeat) dap();
                });
            });
        })();
    }
})(jQuery);
$("html").downAndUp(1000, 2)

提前致谢！

Answer 1

这适用于自动滚动到顶部..

$(document).ready(function() {   
    // Goes to the bottom onLoad
    $(document).scrollTop($(document).height());    

    // This animates you back to the top    
    $('body, html').animate({scrollTop:0}, 'slow');    
});​

如果您想在事件后滚动，请使用以下内容替换该行$('body, html')：

$('someElement').click(function{
    $('body, html').animate({scrollTop:0}, 'slow'); 
});

编辑我的 jsFiddle 示例：http: //jsfiddle.net/NxFaR/2/

Answer 2

function pageScroll() {

    window.scrollBy(0, 1); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()', 10); // scrolls every 100 milliseconds

    window.onbeforeunload = function () {
        window.scrollTo(0, 0);
    }       
   
 }

function stopScroll() {
    clearTimeout(scrolldelay);
}