jquery - Scrollify - 动画播放时阻止鼠标滚动

Question

我在我的网页上使用 scrollify，从一个部分滚动到另一个部分时出现问题。这一切都适用于 Firefox，但 Chrome 和其他浏览器会导致问题。1 滚动移动到另一个部分，但是当我在动画进行时滚动 2 次或更多次时，它会产生故障效果。我想做的是触发动画以停止鼠标滚动直到动画结束。

滚动 - https://projects.lukehaas.me/scrollify/#home

我的设置 -

if( window.innerWidth > 1000 ) {
jQuery(document).ready(function($){
 $.scrollify({
  section : ".section-full-width",
  interstitialSection: "",
  easing: "easeOutExpo",
  scrollSpeed: 900,
  offset : 1,
  scrollbars: true,
  standardScrollElements: "",
  setHeights: true,
  overflowScroll: true,
  updateHash: true,
  touchScroll:true,
  });
});
};

Answer 1

也许这个问题有助于解决您的问题： https ://github.com/lukehaas/Scrollify/issues/405

他们在这里谈论以下解决方案：

1.更新到最新版本1.0.21

或者

2.在第270行之后添加：

wheelHandler: function (e) {
// added
e.preventDefault();
...
}

或者

3.更改307行：

if (locked) {
    e.preventDefault();
    return false;
}