背景
当我阅读mdn页时,我注意到左侧和右侧侧边栏的滚动条都包含在自己的内部.但内容区块在全局上下文中有其滚动条.
当我判断DOM树时,我看到body
和html
标记上没有定义Height属性.因此,从本质上讲,它们是在内容区域和最上面的窗口对象之间没有固定高度的元素(可滚动容器).
An example of scrollable container个
问题
因此,这使得window
成为内容区域的溢出容器.
为了进一步确认这一点,我在window
和document.body
的基础上添加了scroll
个事件监听器,结果发现只触发了window
个事件
window.addEventListener("scroll",(e)=>console.log("window scrolling"))
document.body.addEventListener("scroll",(e)=>console.log("bodyy scrolling"))
但我希望滚动的上下文不应该是window
,而是document.body
.而那should fire scroll event from body tag and not window.
我所做的一切
然后,我在body
标记中添加了height
个属性.
height: 100vh
然后再次向其添加了滚动事件侦听器.但是它没有emits ,我不能理解它为什么没有emits ?
如果父对象的值小于其子对象的值,则向其添加height
属性应该会使其可滚动,对吗?
我可能错过了一些基本的东西,但不知道是什么? 请帮帮忙,谢谢!
参考-