在JQuery中使用ScrollTop进行动画制作时，会产生滚动尖刺

Question

我正在尝试为ScrollTop制作动画，并与Jank碰到一些问题。

这是我目前的脚本。在浏览器上滚动时，我正在滚动“ fancy-scroll”的div很简陋。

不幸的是，我无法链接到开发站点，因为它是针对客户的，但是下面是该代码的所有代码。它似乎可以通过滚动条很好地滚动，但是使用鼠标滚动时却显得难以控制。

任何帮助将不胜感激。

$(document).ready(function(e){
  $(window).scroll(function(e) {
      e.preventDefault();
         $('.fancy-scroll').stop().css({
              'top': +($(this).scrollTop() / 1) + "px"
          });
  });
});

Answer 1

我使用以下方法将其修复：

$（document）.ready（function（e）{$（window）.scroll（function（e）{e.preventDefault（）;$（'。fancy-scroll'）。stop（）。css（{//'top'：+（$（this）.scrollTop（）/ 1）+“ px”'transform'：'translateY（'+（+（$（this）.scrollTop（）/ 5））+'px）'，}）; }）; }）;

也消除了我在CSS中的页边空白很有帮助。