Fatal编程技术网
  • jquery/
  • Jquery 实施《纽约时报》风格；“文章末尾建议滑块”；

Jquery 实施《纽约时报》风格；“文章末尾建议滑块”；

jquery

Jquery 实施《纽约时报》风格；“文章末尾建议滑块”；,jquery,Jquery,我想在我的网站上实现类似的功能： 当用户滚动到文章末尾时，滑块应该出现 有没有处理这个问题的jQuery插件？看起来很有希望，但我希望有人有更具体的解决方案。不需要插件： $（窗口）。滚动（函数（）{ var windowHeight=$（window）.height（）， documentHeight=$（document）.height（）， scroll=$（窗口）.scrollTop（） 如果（窗口高度+滚动+200>文档高度）{ //显示链接栏 } }); 当距离底部200像素以内时

我想在我的网站上实现类似的功能：

当用户滚动到文章末尾时，滑块应该出现

有没有处理这个问题的jQuery插件？看起来很有希望，但我希望有人有更具体的解决方案。

不需要插件：

$（窗口）。滚动（函数（）{
var windowHeight=$（window）.height（），
documentHeight=$（document）.height（），
scroll=$（窗口）.scrollTop（）

如果（窗口高度+滚动+200>文档高度）{
//显示链接栏
}
});

当距离底部200像素以内时，将显示链接栏
windowHeight
将保持屏幕可见部分的高度，
documentHeight
将保持页面的总高度，包括您可以看到和看不到的内容，
scroll
将保持您已滚动文档顶部的向下距离（从0开始）


希望这有帮助：）
如果能看到它作为jQuery插件实现，那就太好了。有名字建议吗？有。在纽约时报制作这部电影的人把它作为一个辅助项目来做，但没有得到任何道具，尽管它取得了难以置信的成功（现在有一些公司把它作为一个功能来销售！）。以他的名字命名：塔希尔·汗。坎斯利德？

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


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