jquery - 实现 nytimes 风格 "end of article suggestion slider"

标签 jquery

我想在我的网站上实现这样的东西:

当用户滚动到文章末尾时应该出现 slider

是否有一个 jQuery 插件可以处理这个问题? jQuery Waypoints看起来很有希望,但我希望有人有更具体的解决方案。

最佳答案

不需要插件:

$(window).scroll(function() {
  var windowHeight = $(window).height(),
      documentHeight = $(document).height(),
      scroll = $(window).scrollTop();<p></p>

<p>if (windowHeight + scroll + 200 > documentHeight ) {
     // show the link bar
  }
});</p>

当您距离底部 200 像素以内时,将显示链接栏。 windowHeight 将保存屏幕可见部分的高度,documentHeight 将保存页面的总高度,包括您可以看到和看不到的内容, >scroll 将保存您滚动到文档顶部的距离(从 0 开始)。

希望这有帮助:)

关于jquery - 实现 nytimes 风格 "end of article suggestion slider",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5111701/

相关文章:

javascript - CSS3 卡片翻转和展开

php - Jquery 我想要在每次点击时一次又一次地产生相同的效果

jquery - Grails:动态填充的表行不是Selectable&Clickable

javascript - jQuery 通知插件点播功能不起作用

c# - 无法在 Controller 上反序列化 json 对象

Jquery冲突: draggable and obstacle being the same element

javascript - 重复激活点击事件时动画延迟突然增加。持续增加

jQuery ajax加载div,等待资源加载

javascript - 我无法选择使用 jquery 动态创建的 html 元素

javascript - 在 javascript 变量中存储 HTML 或 XML 代码