Jquery scrollTop无法在实时环境中工作

Question

单击按钮以显示其他内容时，我尝试将用户视图向下移动。我的代码段是：

jQuery( ".revealcontact" ).click(function() {
  jQuery( "#ad-contact-details" ).show();
  jQuery('html, body').animate({
    scrollTop: jQuery("#ad-contact-details").offset().top
  }, 1000);
});

在jsfiddle中，这可以正常工作：http://jsfiddle.net/0zjg8dcx/（点击联系卖家按钮）

在我的实际网站上，相同的HTML和JS标记不起作用：

http://app.commonroom.com.au/notices/entrepreneurship-small-business/

我不知道为什么它在一个地方而不是在现场工作。

Answer 1

可滚动元素为#main而不是html, body。

另外，offset().top没有提供所需的行为，您可以尝试类似

的内容

jQuery( ".revealcontact" ).click(function() {
  jQuery( "#ad-contact-details" ).show();
  jQuery('#main').animate({
    scrollTop: jQuery("#main")[0].scrollHeight
  }, 1000);
});