Slimscroll bar在移动浏览器中非常慢

时间:2014-10-13 07:24:43

标签: jquery mobile slimscroll

我正在使用slimscrollbar插件。它在Web浏览器中运行良好,但在移动浏览器中却非常慢。

任何提高移动速度的解决方案?

2 个答案:

答案 0 :(得分:11)

如果您使用过此处的slimscrollbar插件:http://rocha.la/jQuery-slimScroll,您可能需要更改" touchScrollStep"的设置。到第50轮。

默认值为200,相当慢,小于200则更快,-200则反向滚动"自然"。

一些代码:

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

干杯, 大卫

答案 1 :(得分:1)

更改touchScrollStep对我不起作用。 我修改了touchmove事件,并删除了touchScrollStep除以。原始代码是:

  

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

     

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

现在像这样的touchmove事件代码适用于我的情况:

      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;
      }
    });