Дергание прокрутки при анимации с использованием ScrollTop в JQuery

Question

Я пытаюсь оживить ScrollTop и сталкиваюсь с несколькими проблемами с Jank.

Это мой сценарий на данный момент. При прокрутке браузера div, который я прокручиваю fancy-scroll, довольно дряблый.

К сожалению, я не могу ссылаться на сайт разработчиков, поскольку он предназначен для клиента, но ниже приведен весь его код. Кажется, что с полосой прокрутки прокрутка выполняется нормально, но с прокруткой мыши она невероятно дергается.

Любая помощь приветствуется.

$(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.