visible element

判断一个元素是否出现在视野中


  • $(window).height() 屏幕的高度
  • $(window).scrollTop() 屏幕滚动的高度
  • $(node).setoff().top 元素到页面顶部的高度

$(node).setoff().top <= $(window).height() + $(window).scrollTop()
则元素出现在视野中

http://js.jirengu.com/yinun/1/edit?js,console,output

判断是否滚动到最底部


滚动的高度(scrollTop)+ 可视内容的高度(clientHeight)= 内容的总高度(scrollHeight)

具体的说明还没整理

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,114评论 0 3
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,883评论 0 1
  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 4,996评论 1 1
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,380评论 0 7