2012-04-17 27 views
0

我使用的是DIV标签而不是iFrame的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) 

在此先感谢!

+0

问题是什么? – 2012-04-17 19:53:55

+0

因此,有大量样本会在页面加载时自动滚动到页面底部。我期待着做相反的事情。从底部开始并自动滚动到顶部。 – jmcclaire 2012-04-17 20:53:42

回答

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/

+0

仍然不适合我...感谢。 – jmcclaire 2012-04-17 21:12:29

+0

你用什么jQuery Lib? – 2012-04-17 21:13:14

+0

我从jQuery的网站(1.7.2)下载了最新的。以下是我如何附加它: jmcclaire 2012-04-18 13:40:24

相关问题