首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >浏览器底部的反向链接,然后是页脚顶部的链接

浏览器底部的反向链接,然后是页脚顶部的链接
EN

Stack Overflow用户
提问于 2012-11-23 16:56:52
回答 1查看 400关注 0票数 0

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

现在,我的页面有一个可以正常工作的返回到顶部的链接,它固定在窗口底部。但是,在页面的末尾有一个页脚,并且返回到顶部的链接需要停留在页面末尾的页脚的顶部,而不是浏览器窗口的底部。

Toplink的脚本是:

代码语言:javascript
复制
//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);
  });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-23 17:55:12

您只需检查用户是否像这样向下滚动到底部页面:

代码语言:javascript
复制
$(window).scroll(function() {           
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
      console.log("bottom reached");
   }            
});

如果到达底部,您可以根据自己的喜好设置链接的位置,或者对其进行动画处理,使其稍微向上跳跃或类似的操作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13525694

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档