fullpage.js滚动条使其在手机浏览器上显得滞后

fullpage.js scrollBar make it laggy on phone browsers

本文关键字：浏览器 滞后 手机 js 滚动条 fullpage      更新时间：2023-09-26

我正在开发一个页面网站，该网站顶部有一个导航，当用户单击选项卡时，它会滚动到某个部分。我有一个关于javascript中的一行代码的问题。

<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['main', 'about', 'products', 'cooking', 'stores', 'contact'],
            sectionsColor: ['#FFF', '#FFF', '#00652e', '#FFF'],
            scrollingBar:true,
            scrollingSpeed:1700
        });
    });
</script>

当我的代码中有scrollingBar: true时，网站在手机浏览器上无法正常滚动，如果我将其从代码中删除，它在移动设备上运行良好，但在PC网络浏览器上无法滚动。这件事有什么解决办法吗？

非常感谢

带有scrollBar:true的演示页面似乎在手机上运行良好。也许问题是你的网站上到处都是巨大的图片或类似的图片。

当使用scrollBar:true时，插件不会像其他插件那样使用硬件加速。

相关文章：