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

 // 监听滚动    FirstPage   是父组件传过来的值 判断调用哪个的
addEvent() {window.addEventListener('scroll',this.type == 'FirstPage' ? this.firstPageScrollEvent : this.scrollDomScrollEvent);},// 滚动出首页则展示firstPageScrollEvent() {const height = document.getElementsByTagName('html')[0].clientHeight;const scrollTop =document.getElementsByTagName('html')[0].scrollTop ||document.getElementsByTagName('body')[0].scrollTop; let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight// 变量 windowHeight 是可视区的高度let windowHeight = document.documentElement.clientHeight || document.body.clientHeight
// let scrollTop1 = document.documentElement.scrollTop || document.body.scrollTop// 滚动条到底部得距离 = 滚动条的总高度 - 可视区的高度 - 当前页面的滚动条纵坐标位置var scrollBottom = scrollHeight - windowHeight - scrollTopconsole.log(scrollBottom,'scrollBottom')               this.isShow = scrollTop > height; //出来if(scrollBottom==0){this.isShow=false  //隐藏}},// 滚动出某个节点scrollDomScrollEvent() {const dom = document.getElementsByClassName(this.domClassName)[0];const height = dom.clientHeight;const lockScrollTop = dom.offsetTop - 100;const scrollTop =document.getElementsByTagName('html')[0].scrollTop ||document.getElementsByTagName('body')[0].scrollTop;this.isShow = scrollTop > height + lockScrollTop;},

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

JS 获取滚动条到底部得距离
$(window).scroll(function() {// 变量 scrollHeight 是滚动条的总高度let scrollHeight = document.documentElement. ...
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 ...

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

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

最新文章

热门文章