js监控div的滚动条没监控到，js监听滚动条出现

为什么在js中定义div高度,不出现滚动条?

原因是CSS没有设置height高度、overflow属性。首先写上body标签用来包含html的主体，再一个div来包含设置overflow的属性值为visible，那么其最后在网页中就会正常的显示了，其子元素超出父元素的部分会显示出来。

事实上浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度，否则，浏览器就会简单的让内容往下堆砌，页面的高度就无需考虑。

/div /body /html 结果：现在布局一般都是用父容器的百分比布局，vm，vh很少会用到，因为这个可视化窗口布局不好控制页面的宽高。

相关问答

Q1: 监听滚动条,符合条件出发事件,但是顶层显示的导航会遮盖滚动条。不知道...

打开html开发工具，新建一个html代码页面，在html代码页面输入大量的文本内容，确保在浏览器上能有滚动条出现。引入一个jquery.js库。在title标签后面创建一个script标签，然后引入jquery.js文件。

导航条的宽度是不是100%？要是的话设置为绝对宽度试一下，可以在firebug或者ie下按F12调出控制台调试一下，这明显是宽度不足造成的，不是背景色问题。

在页面中开启调试模式，将断点设置到autocompete控件执行的js处；监测对象激活的事件；如果有blur事件被触发，是可以看到主对象的，然后分析下主对象的位置和触发条件即可定位问题。

让导航栏那个层选择一下定位，就是做成一个浮动层。

实现一个需求，当页面跳转到另一个页面时，使用 react-router 跳转回原页面，滚动条需要停留在原有位置。滚动条所在元素是antd中layout部分，ref半天取不到dom元素，索性直接用id取得dom元素。

Q2: 如何使用JS控制DIV内容的滚动条

首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

通过div的scrollTop变动控制垂直 滚动条 位置。通过div的scrollLeft变动控制水平滚动条位置。

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。

js语法：element.onscroll = functionReference html语法：element onscroll=myScript vue监听滚动事件实现滚动监听的制作步骤：在vue中实现滚动监听和原生js无太大差异，下面是一个简单的demo，可在控制台查看结果。

js监控div的滚动条没监控到的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js监听滚动条出现、js监控div的滚动条没监控到的信息别忘了在本站进行查找喔。