Question

我正在尝试删除移动屏幕尺寸上的skrollr功能。

我的footer.php中有以下代码启动了skrollr。

<script type="text/javascript">
    skrollr.init({
    forceHeight: false
    });
</script>

<script type="text/javascript">
//http://detectmobilebrowsers.com/ + tablets
(function(a) {
     if(/android|avantgo|bada\ ... )
 {
    //Add skrollr mobile on mobile devices.
    document.write('<script type="text/javascript" src="js/skrollr.mobile.min.js"><\/script>');
 }
})(navigator.userAgent||navigator.vendor||window.opera);
</script>

我已经四处询问并被告知要删除footer.php中skrollr的初始化并将代码放在一个单独的js文件中（mobile-fix.js）

所以我用

替换了footer.php底部的脚本代码

<script type="text/javascript" src="mobile-fix.js"></script>

mobile-fix.js

$(function () {
var skrollrInstance;
var onResize = function () {
    var isMobile = $(window).width() <= 767;
    if (!skrollrInstance && !isMobile) {
        skrollrInstance = skrollr.init({
            forceHeight: false
        });
    } else if(skrollrInstance && isMobile) {
        skrollrInstance.destroy();
        skrollrInstance = null;
    }
};
$(window).on('resize', onResize);
onResize();
});

我已经使用了mobile-fix.js，但是当从footer.php中删除代码时，skrollr对任何屏幕尺寸都不起作用。

需要启动skrollr但是在屏幕尺寸＆gt;上删除它767

在移动屏幕上删除Skrollr功能

0 个答案: