skrollr.js在移动设备上创建了一些不需要的效果

时间:2015-07-17 10:22:04

标签: javascript jquery css jquery-mobile skrollr

我遇到skrollr.js的问题,它会在移动设备上产生一些不需要的效果。

寻找一种方法来禁用移动设备或特定设备的skrollr.js,最大宽度为480px。

1 个答案:

答案 0 :(得分:0)

你需要的只是destroy()方法。

<强>已更新

选项1:

var s = skrollr.init();
if (s.isMobile()) {
    s.destroy();
}

Skrollr有自己的移动检查功能。

选项2:

使用此代码..

$(function () {
  // initialize skrollr if the window width is large enough
  if ($(window).width() > 767) {  //change the width according to your need
    skrollr.init(yourOptions);
  }

  // disable skrollr if the window is resized below 768px wide
  $(window).on('resize', function () {
    if ($(window).width() <= 767) {   //change the width according to your need
      skrollr.init().destroy(); // skrollr.init() returns the singleton created above
    }
  });
});

有关详细信息,请read此处