鼠标滚轮滚动功能在精确页面上很慢

Question

我不确定堆栈是否溢出，但我在 Google Chrome 中设计的网站主页中鼠标滚轮滚动缓慢。是否有一些 html 或 css 属性控制滚动速度或者这是一个性能问题？

站点地址是ragaimen.com，问题出现在首页（其他页面工作正常）。

Answer 1

更新到最新的 Chrome（94.0.4606.61，但其他人报告从版本 91 开始出现这种情况）后，我们遇到了同样的问题，如果您的页面上有字幕，很可能会使您的鼠标滚轮滚动缓慢，我们相信这是 Chrome 的错误。

\n

对于 chrome 使用，您可以尝试打开 chrome://flags/#smooth-scrolling 并禁用 \xe3\x80\x8cSmooth Scrolling\xe3\x80\x8d 功能。

\n

对于javascript解决方案，您可以尝试以下代码，但实际上滚动不是很流畅，我希望有人可以改进它：

\n

function wheel(event) {\n      var delta = 0;\n      if (event.wheelDelta) {(delta = event.wheelDelta / 120);}\n      else if (event.detail) {(delta = -event.detail / 3);}\n\n      handle(delta);\n      event.returnValue = false;\n  }\n\n  function handle(delta) {\n      var time = 100;\n      var distance = 140; //adjust this for your page\n\n      $('html, body').stop().animate({\n          scrollTop: $(window).scrollTop() - (distance * delta)\n      }, time );\n  }\n\nif (window.addEventListener) {window.addEventListener('DOMMouseScroll', wheel,  {passive: false});}\nif (document.addEventListener) {document.addEventListener('DOMMouseScroll', wheel,  {passive: false});}\nif (window.addEventListener) {window.addEventListener('mousewheel', wheel,  {passive: false});}\nif (document.addEventListener) {document.addEventListener('mousewheel', wheel,  {passive: false});}\n

\n

2021-10-01 更新：\nChrome 版本 94.0.4606.71 已修复此问题。

\n