jquery - 移动浏览器中的 Slimscroll bar 非常慢

Question

我正在使用 slimscrollbar 插件。它在 Web 浏览器中运行良好，但在移动浏览器中运行速度很慢。

有什么解决方案可以提高适用于移动设备的速度吗？

Answer 1

如果您使用过这里的 slimscrollbar 插件：http ://rocha.la/jQuery-slimScroll您可能希望将“touchScrollStep”的设置更改为第 50 轮。

默认值为 200 非常慢，小于 200 更快，-200 是反向滚动“自然”。

一些代码：

$('#slimscroll').slimScroll({
   size: '5px',
   height: '600px',
   alwaysVisible: false,
   touchScrollStep: 50
});

干杯，大卫

Answer 2

Change the touchScrollStep does not work for me. I've modified the touchmove event, and remove the divided by touchScrollStep. The original code is:

var diffX = (touchDifX - e.originalEvent.touches[0].pageX) / o.touchScrollStep;

var diffY = (touchDifY - e.originalEvent.touches[0].pageY) / o.touchScrollStep;

now the touchmove event code like this which works in my case:

      me.on('touchmove', function(e){
      // prevent scrolling the page if necessary
      if(!releaseScroll)
      {
          e.originalEvent.preventDefault();
      }
      if (e.originalEvent.touches.length)
      {
        // see how far user swiped
        var diffX = (touchDifX - e.originalEvent.touches[0].pageX);
        var diffY = (touchDifY - e.originalEvent.touches[0].pageY);

        // scroll content
        scrollContent(diffX, diffY, true);
        touchDifX = e.originalEvent.touches[0].pageX;
        touchDifY = e.originalEvent.touches[0].pageY;
      }
    });