js判断div滚动条是否滚动到底部

1、设置div固定高度，并且设置为内部超出可滚动
2、获取div标签，并获取div滚动距离顶部的高度
3、获取div的高度，如果没有给div设置高度可获取视图窗口的高度
4、获取div标签滚动高度
4、通过判断div滚动条距离顶部的高度和视图窗口的高度和与div滚动高度相等，即可判断滚动条是否滚动到底部

<div id="app"></div>

//获取节点var scrollDiv = document.getElementById('app');//获取视图窗口的高度var windowHeight =  document.body.clientHeight;//绑定事件scrollDiv.addEventListener('scroll', function() {let SH = parseInt(scrollDiv.scrollTop + windowHeight);let H = parseInt(scrollDiv.scrollHeight);if(SH == H){//此时滚动条滚动到底部}});

js判断div滚动条是否滚动到底部相关推荐

Js 判断网页窗口是否滚动到底部
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo ooooooooooooooooooooooooooo ...
jquery判断div滚动条到底部
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop.scrollLeft.scrollHeight.其中 scrollHeight 属性,互联网上几乎搜 ...
html判断是否有滚动条,JS 判断元素是否可以滚动
今天在解决 ios 移动端滚动穿透的问题时遇到一个问题,就是判断元素能否滚动,把这个过程记录下来.以下以纵向滚动为例,横向滚动同理. 嫌麻烦的可以直接查看代码. 基础概念 Element.scroll ...
js定位div滚动条位置
js定位div滚动条位置如图: 1.找到需要定位元素的位置,已Y轴为例,使用offsetTop找到距离父元素顶部的距离. 2.使用scrollTop属性使其父元素滚动到相应的位置,看下列代码. &l ...
HTML 两个div滚动条同时滚动
实现思路: 1.通过jquery 监听div滚动事件来设置其他div同时滚动 2.为不是多个同时滚动div的滚动监听事件互相重复影响,通过当鼠标移动到哪个div上时使用哪个div进行 ...
html判断隐藏显示,js 判断DIV是否隐藏的方法
js脚本在控制div元素在显示与隐藏之间进行切换时,如果不能确定div当前的状态,切换时往往会发生一些逻辑错误的事情,导致div元素的动态效果在切换时不是很流畅.那么飞鸟慕鱼博客就来说一说,如何判断d ...
JS控制滚动条的位置 JS控制TextArea滚动条自动滚动到最下部
S控制滚动条的位置 window.scrollTo(x,y); 竖向滚动条置顶 window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.bod ...
11-vue移动端项目(小智机器人聊天使用websocket协议使用socket.io客户端第三方包, 让div滚动条自动滚到最底部)
小智同学 01 - 创建组件创建组件 & 创建路由设置入口 02 - 完成静态页面头部标题聊天区域设置内容高度时会出现一个问题: 由于不同的手机型号的高度是不一样的,但是聊天区域的高 ...
JS获取div滚动条距离实现弹出标签位置动态移动
前些天尝试了一个定位弹出div标签的功能,没有滚动条时用的是绝对位置,有滚动条后就必须在绝对位置XY坐标上减去滚动条吃进的距离,否则定位就不准了. 下面是获取div滚动条距离的JS脚本: <SC ...

js判断div滚动条是否滚动到底部

js判断div滚动条是否滚动到底部相关推荐

最新文章

热门文章