JS 获取滚动条到底部得距离
$(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 获取滚动条到底部得距离相关推荐
- JS获取滚动条到底部得距离
// 监听滚动 FirstPage 是父组件传过来的值 判断调用哪个的 addEvent() {window.addEventListener('scroll',this.type == 'First ...
- js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
- js获取滚动条距离浏览器顶部,底部的高度
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
- 利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置
利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置 思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...
- JS判断滚动条到底部
form:http://www.uphtm.com/js/269.html判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop.clientHeight.scrollHeight. sc ...
- js获取滚动条的位置
一.获取当前页面滚动条纵坐标的位置 document.body.scrollTop与document.documentElement.scrollTop IE6/7/8/IE9及以上: 可以使用 do ...
- js获取滚动条的高度
浏览器获取滚动条高度的方法 浏览器 API IE6/7/8 document.documentElement.scrollTop IE9及以上 window.pageYOffset 或者 docume ...
- 原生js获取滚动条滚动距离scrollTop一直为0
使用 document.documentElement.scrollTop就可以了
- js自动滚动条在底部
<SCRIPT> //自动滚动到页面底部js function aaa() { this.scroll(0,65000) ;//滚动条滚动相应坐标 setTimeout("aaa ...
最新文章
- Ubuntu下通过CMake文件编译CUDA+OpenCV代码操作步骤
- java基础之【堆、栈、方法区】结构图
- 文件还原工具Foremost
- 使用malloc之前需要做什么准备工作。
- java虚拟机如何判断两个类相同_你有没有想过: Java 虚拟机是如何判断两个对象是否相同的?判断的流程是什么?...
- 被认为最具影响力的4种编程语言!
- CSS clip:rect矩形剪裁功能
- EF6 如何判断DataContext有修改,以及如何放弃修改
- Variant 与 内存泄露
- MyBatis框架 接口绑定、线程绑定
- CCF201604-5 网络连接(募集解题代码)
- [转载] 10 个最值得 Python 新人练手的有趣项目
- java核心技术卷1学习思维导图
- 作为一名女程序员是什么体验?
- modalpopup控件使用时的pannel设置问题
- 【JavaScript】移动端扫描二维码检测浏览器(微信、支付宝、Safari、其他浏览器)
- HTML是一种标识语音,HTML实现网页端语音输入(语音识别,语义理解,olami)
- Android Paint绘制动态心电图效果
- Android自定义组件之ListPopWindow
- 汽车销售管理系统 c语言版 课程设计,汽车销售管理系统C语言版.doc
热门文章
- Javascript基础 86个面试题汇总 (附答案)
- redis4.0.14哨兵自动故障迁移失败
- Transformer变种—Swin Transformer
- HA省OIer“NOIp“2019游记(蒟蒻最后的OI与高中生涯)
- 组织行为学学习笔记2:情绪和心境
- python只能用一行代码_Python 一行代码能实现丧心病狂的功能
- System.IO.FileLoadException:“未能加载文件或程序集“xxx”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配
- 老汉半世纪救人不留名 事迹见报引发寻恩热潮
- 船长的 2019 ,年报元年
- linux火车游戏下载,列车驾驶模拟器3D