【发布时间】:2020-03-13 17:33:49
【问题描述】:
我很难在同一个项目中将这两者结合起来。
如果我启用overflow: scroll,那么我的 jQuery 函数不会被调用,但如果我禁用它,那么我的 jQuery 可以工作,但滚动快照不起作用。
我尝试在 jQuery .scroll() 中将“window”更改为“#scroll-parent”,但没有任何效果。
$(window).scroll(function() {
setMenuColor();
});
body {
font-family: "Montserrat";
background: #000;
margin: 0px;
overflow-x: hidden;
}
#scroll-parent {
//overflow: scroll;
height: 100vh;
scroll-snap-type: mandatory;
scroll-snap-points-y: repeat(100vh);
scroll-snap-type: y mandatory;
-webkit-overflow-scrolling: touch;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
【问题讨论】: