Question

我想知道连续网站的代码，如果我滚动到底部并将返回顶部，否则。

我已经半途而废，我将这段代码用于底页：

$(document).ready(function() {
    $(document).scroll(function(){
      if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
        $(document).scrollTop(0);
      }
    });
  });

我怎么能反过来？从上到下？

编辑：

$(document).ready(function() {
                $(document).scroll(function(){
                  if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
                    $(document).scrollTop(0);
                  }
                  else if ($(window).scrollTop() <= 0) {
                    $(document).scrollTop($(document).height());
                  }
                });
              });

我尝试了这个代码并且它有效，但我认为那里有一个小错误，我需要滚动一点以从顶部或其他地方到底，为什么会发生？

由于

Answer 1

scrollTop不能低于0，所以您可能希望在页面顶部留一个缓冲区，当您在其上方滚动时会将其发送到底部。

这样的事情：

var BUFFER = 10;

$(document).ready(function() {
  $(document).scrollTop(BUFFER);
  $(document).scroll(function(){
    var scrollPos = document.documentElement.clientHeight + $(window).scrollTop();
    if (scrollPos >= $(document).height()) {
      $(document).scrollTop(BUFFER);
    } else if (scrollPos < BUFFER) {
      $(document).scrollTop($(document).height());
    }
  });
});

Answer 2

我认为这会有所帮助

window.scrollTo(0,document.body.scrollHeight);

或者如果你想使用jQuery从this thread

获取它

永不结束滚动页面（滚动顶部和背面到页面底部或其他）

2 个答案: