请Sunday老师看我谜一样的眼神~~~
来源：7-7 NavBar 在 GoodsDetail 中的使用
乔伊_
2020-01-23
你好Sunday老师，请教你一个问题，我思考了很久也没想出答案，直到本节课又遇到了同样的问题。
之前提问地址：https://coding.imooc.com/learn/questiondetail/162191.html
我再描述一下遇到的问题，按照课程添加 @scroll=“onScrollChange” 滚动事件，但是滚动事件没有触发。我无意间在Main.vue中添加了position: absolute，这时候神奇的事情发生了，滚动事件触发了。
那么，对于本节课程中遇到同样的滚动事件触发无效，我又在GoodDetail.vue文件的根标签样式中添加了position: absolute，滚动事件就同样好用了。
最后问题来了，为什么在根标签加入一个相对定位，滚动事件就会触发呢？相反而言，为什么定位会影响滚动事件是否触发呢？
请老师解答下，谢谢啦！！！
写回答
1回答
-
你好，新年快乐：
如果想要滚动事件被触发的话，那么必须要满足一个必须的条件，就是：滚动容器的高度，要小于元素的实际内容高度（不取决于是否为 absolute）。
以咱们项目官网地址为例：
容器的高度为 635px，
但是实际内容的高度是2785px，此时就满足了滚动的条件。也就是 ：滚动容器的高度，小于元素的实际内容高度
012020-01-26
但是实际内容的高度是2785px，此时就满足了滚动的条件。相似问题