jquery - 浏览器底部的返回顶部链接，然后在页脚顶部

Question

当到达浏览器窗口的底部时，即当用户完全向下滚动页面时，如何使返回顶部链接向上滑动到位置 X（页脚顶部）？

现在，我的页面有一个功能正常的返回顶部链接，该链接固定在窗口底部。但是，页面末尾有一个页脚，返回顶部链接需要保持（或快速返回）页面末尾的页脚顶部，而不是浏览器窗口的底部。

Toplink 的脚本是：

//plugin
jQuery.fn.topLink = function(settings) {
  settings = jQuery.extend({
    min: 1,
    fadeSpeed: 200
  }, settings);
  return this.each(function() {
    //listen for scroll
    var el = $(this);
    el.hide(); //in case the user forgot
    $(window).scroll(function() {
      if($(window).scrollTop() >= settings.min)
      {
        el.fadeIn(settings.fadeSpeed);
      }
      else
      {
        el.fadeOut(settings.fadeSpeed);
      }
    });
  });
};

//usage w/ smoothscroll
$(document).ready(function() {
  //set the link
  $('#top-link').topLink({
    min: 400,
    fadeSpeed: 500

  });
  //smoothscroll
  $('#top-link').click(function(e) {
    e.preventDefault();
    $.scrollTo(0,500);
  });
});

Answer 1

您可以像这样检查用户是否向下滚动到底部页面：

$(window).scroll(function() {           
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
      console.log("bottom reached");
   }            
});

如果到达底部，您可以根据需要设置链接的位置，或者将其设置为向上跳跃或类似的动画。