javascript - 如何在移动设备上禁用页面堆积？

Question

我在我的网站上使用这个页面打桩脚本，我想在移动设备上禁用这个页面打桩，所以如何才能做到这一点，请建议我

https://github.com/alvarotrigo/pagePiling.js

标签： javascriptpagepiling.js

Answer 1

检查window.innerWidth，如果它小于指定的像素宽度，则不应用页面堆积。

此处文档的用法

html

<div id="pagepiling">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

javascript

$(document).ready(function() {
    $('#pagepiling').pagepiling();
});

随着你的修改。

$(document).ready(function() {
   if (window.innerWidth > 320) {
       $('#pagepiling').pagepiling();
   } else {
     // do something else or do nothing
   }
});