滚动到div ajax / javascript

好吧，对于我的生活，我无法让它发挥作用。 我搜索了一些例子，我发现了很多。 但它们似乎都不适合我。

问题很简单，我有一个div来加载数据库中的内容。 我需要在页面加载时滚动到div的底部。 这是一个例子。

我添加了div id scrolltome ，希望它可以工作。

先感谢您！

Answer 1

只需将#scrolltome div的顶部偏移距离传递给窗口加载的body scrollTop，如下所示： –

 $(window).load(function(e) { var distance = $('#scrolltome').offset().top $('html,body').animate({scrollTop:distance},1500); }); 

Answer 2

尝试使用window.scrollTo(0, $(element).offset().top)

例如： https ： //jsfiddle.net/88uhpkx0/

Answer 3

尝试以下function

 function scrollToElement(selector, time, verticalOffset) { time = typeof(time) != 'undefined' ? time : 500; verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; element = $(selector); offset = element.offset(); offsetTop = offset.top + verticalOffset; $('html, body').animate({ scrollTop: offsetTop }, time);} 

通过scrollToElement('#scrolltome`, 750, -50);调用此函数scrollToElement('#scrolltome`, 750, -50); 。 这里为动画设置了750个时间，-50是元素偏移值。 您可以根据需要更改这些值

Answer 4

首先，您的scrolltome div缺失> 。 你可以尝试以下来制作卷轴。

  $('#messagewindow').animate({ scrollTop: divHeight }, 1000);