Question

这是我的问题：当我调整浏览器大小（大约320像素宽）时，向下滚动并单击图标（绿色箭头）“下一步”滚动条停留在页面底部。我想要实现的是像

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <button class="add">Add</button>
    <input type="text" value="0" />
    <button class="subtract">Subtract</button>
  </li>

  <li>
    <button class="add">Add</button>
    <input type="text" value="0" />
    <button class="subtract">Subtract</button>
  </li>

</ul>

＆＃13;

因此，下一页将自动滚动到顶部，但我尝试过没有成功。有没有解决方案？

谢谢！

Answer 1

我将动画添加到你的（我猜）ajax成功函数中。

success:function(e){
    // load the new contents
    setTimeout(function(){
           $('html, body').animate({ scrollTop: 0 }, 'slow');
    },50);
 }

如果它不是您正在使用的ajax，请将其添加到按钮单击事件处理程序。

Answer 2

尝试使用此代码，我在您的网站上对其进行了测试：

$('button[id^="question"]').click(function(){
  $('#header-wrapper').animate({ scrollTop: 0 }, 'slow');
});

滚动条位于＃header-wrapper元素上，而不是正文。滚动体不会做任何事情，因为它已经处于0滚动高度。

自动滚动到“下一页＆＃34;

2 个答案: