javascript - skrollr.js 在移动设备上产生了一些不良影响

Question

我遇到了 skrollr.js 的问题，它在移动设备上产生了一些不良影响。

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

Answer 1

您只需要 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