【问题标题】:How to combine both scroll-snap and jQuery .scroll()?如何结合滚动捕捉和 jQuery .scroll()?
【发布时间】: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>

【问题讨论】:

    标签: jquery css scroll


    【解决方案1】:

    #scroll-parent DIV 在 HTML 中的位置不正确

    【讨论】:

      猜你喜欢
      • 2011-12-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-24
      • 1970-01-01
      • 2021-07-10
      • 1970-01-01
      相关资源
      最近更新 更多