jquery 移动设备中的自动滚动功能

Question

您好，我正在尝试在我的网络应用程序上实现自动滚动功能。页面加载后，页面应自动滚动到底部而没有动画。我需要它用于一个小的聊天应用程序，在页面加载后应该显示最新的 list items。我创建了一个 fiddle.

// this version wont work:
myscroll = $('#chatOutput');
myscroll.scrollTop(myscroll.get(0).scrollHeight);
//this wont work too:
$(document).scrollTop($(document).height());

我做错了什么？

Answer 1

请试试这个

   $(window).load(function() {

    setTimeout(function(){ 

    $(document).scrollTop($('.chatPost:last-child').offset().top);

    }, 1000);
   });