jQuery滚动故障

Question

我正在Divi网页中使用此jQuery代码，以使其在全屏部分到全屏部分之间平滑滚动。但是，当我在其他平台（Windows上为chrome）上对其进行测试时，滚动并不平滑，而是出现了毛刺。关于如何解决此问题的任何建议？

<script>
  (function($) {

    $(document).on("mousewheel DOMMouseScroll", function(event) {

      if (($(".et_pb_side_nav").length === 0) || $("html, body").is(":animated")) return;

      event.preventDefault();

      var direction = event.originalEvent.wheelDelta || -event.originalEvent.detail;
      var $position = $(".et_pb_side_nav").find(".active");
      var $target;

      if (direction < 0) {
        $target = $($position).parent().next();
      } else {
        $target = $($position).parent().prev();
      }
      if ($($target.length) !== 0) {
        $($target).children("a").trigger("click");
      }
    });
  })(jQuery); 
</script>