如何在页面加载从底部开始,然后自动滚动到顶部?

时间:2012-04-17 19:51:31

标签: jquery html scroll scrolltop

我正在使用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)

提前致谢!

2 个答案:

答案 0 :(得分:0)

这可以自动滚动到顶部..

$(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/

答案 1 :(得分:0)

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);
}