マックブック網膜でスクロールアニメーションが機能しない

Question

マックブック網膜表示でメニューバーと画像バナーのアニメーションが機能しません。しかし、それは網膜のない正常な表示で機能する。私はトリガコンソールを追加していますが、スクロール時に何も表示されません。ここで

は、Webリンクである：ここでhttp://sarichem.com/html

は、コードは次のとおりです。

$(window).ready(function() { 

    var pageWidth = $(window).width(); 

    if (pageWidth > 1281) { 
    $(window).on('scroll',function() { 
     var amount = $(window).scrollTop(); 
     var amount2 = 1-(amount/10000); 
     console.log(amount2); 

     $(".slideanimate").css({"-webkit-transform": 'scale(' + amount2 + ')', "-moz-transform": 'scale(' + amount2 + ')', "transition": "all 0.3s"}); 

     if($(window).scrollTop() > 700) { 
     $(".navhome1").css({"-webkit-opacity": "0", "-moz-opacity": "0", "opacity": "0"}); 
     } else { 
     $(".navhome1").css({"-webkit-opacity": "1", "-moz-opacity": "1", "opacity": "1"}); 
     } 
    }); 
    }; 
}); 

助けてください。ありがとう

Answer 1

ケースが解決されました。

デスクトップの検出を追加しています。完全なコードは次のとおりです。

$(window).ready(function() { 

    var pageWidth = $(window).width(); 
    var istablet = (/ipad|android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i.test(navigator.userAgent.toLowerCase())); 
    var isDesktop = (function() { 
    return !('ontouchstart' in window) // works on most browsers 
    || !('onmsgesturechange' in window); // works on ie10 
    })(); 
    window.isDesktop = isDesktop; 

    if (isDesktop || istablet) { 
    $(window).on('scroll',function() { 
     var amount = $(window).scrollTop(); 
     var amount2 = 1-(amount/10000); 
     console.log(amount2); 

     $(".slideanimate").css({"-webkit-transform": 'scale(' + amount2 + ')', "-moz-transform": 'scale(' + amount2 + ')', "transition": "all 0.3s"}); 

     if(amount > 700) { 
     $(".navhome1").css({"-webkit-opacity": "0", "-moz-opacity": "0", "opacity": "0"}); 
     } else { 
     $(".navhome1").css({"-webkit-opacity": "1", "-moz-opacity": "1", "opacity": "1"}); 
     } 
    }); 
    }; 
});