$(window).scroll(function() {// 变量 scrollHeight 是滚动条的总高度let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight// 变量 windowHeight 是可视区的高度let windowHeight = document.documentElement.clientHeight || document.body.clientHeight// 变量scrollTop为当前页面的滚动条纵坐标位置let scrollTop = document.documentElement.scrollTop || document.body.scrollTop// 滚动条到底部得距离 = 滚动条的总高度 - 可视区的高度 - 当前页面的滚动条纵坐标位置var scrollBottom = scrollHeight - windowHeight - scrollTopconsole.log(scrollBottom,'scrollBottom')
})

JS 获取滚动条到底部得距离相关推荐

  1. JS获取滚动条到底部得距离

    // 监听滚动 FirstPage 是父组件传过来的值 判断调用哪个的 addEvent() {window.addEventListener('scroll',this.type == 'First ...

  2. js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox

    做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...

  3. js获取滚动条距离浏览器顶部,底部的高度

    做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...

  4. 利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置

    利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置 思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...

  5. JS判断滚动条到底部

    form:http://www.uphtm.com/js/269.html判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop.clientHeight.scrollHeight. sc ...

  6. js获取滚动条的位置

    一.获取当前页面滚动条纵坐标的位置 document.body.scrollTop与document.documentElement.scrollTop IE6/7/8/IE9及以上: 可以使用 do ...

  7. js获取滚动条的高度

    浏览器获取滚动条高度的方法 浏览器 API IE6/7/8 document.documentElement.scrollTop IE9及以上 window.pageYOffset 或者 docume ...

  8. 原生js获取滚动条滚动距离scrollTop一直为0

    使用 document.documentElement.scrollTop就可以了

  9. js自动滚动条在底部

    <SCRIPT> //自动滚动到页面底部js function aaa() { this.scroll(0,65000) ;//滚动条滚动相应坐标 setTimeout("aaa ...

最新文章

  1. Ubuntu下通过CMake文件编译CUDA+OpenCV代码操作步骤
  2. java基础之【堆、栈、方法区】结构图
  3. 文件还原工具Foremost
  4. 使用malloc之前需要做什么准备工作。
  5. java虚拟机如何判断两个类相同_你有没有想过: Java 虚拟机是如何判断两个对象是否相同的?判断的流程是什么?...
  6. 被认为最具影响力的4种编程语言!
  7. CSS clip:rect矩形剪裁功能
  8. EF6 如何判断DataContext有修改,以及如何放弃修改
  9. Variant 与 内存泄露
  10. MyBatis框架 接口绑定、线程绑定
  11. CCF201604-5 网络连接(募集解题代码)
  12. [转载] 10 个最值得 Python 新人练手的有趣项目
  13. java核心技术卷1学习思维导图
  14. 作为一名女程序员是什么体验?
  15. modalpopup控件使用时的pannel设置问题
  16. 【JavaScript】移动端扫描二维码检测浏览器(微信、支付宝、Safari、其他浏览器)
  17. HTML是一种标识语音,HTML实现网页端语音输入(语音识别,语义理解,olami)
  18. Android Paint绘制动态心电图效果
  19. Android自定义组件之ListPopWindow
  20. 汽车销售管理系统 c语言版 课程设计,汽车销售管理系统C语言版.doc

热门文章

  1. Javascript基础 86个面试题汇总 (附答案)
  2. redis4.0.14哨兵自动故障迁移失败
  3. Transformer变种—Swin Transformer
  4. HA省OIer“NOIp“2019游记(蒟蒻最后的OI与高中生涯)
  5. 组织行为学学习笔记2:情绪和心境
  6. python只能用一行代码_Python 一行代码能实现丧心病狂的功能
  7. System.IO.FileLoadException:“未能加载文件或程序集“xxx”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配
  8. 老汉半世纪救人不留名 事迹见报引发寻恩热潮
  9. 船长的 2019 ,年报元年
  10. linux火车游戏下载,列车驾驶模拟器3D