2016-03-31 6 views
1

スクロールで要素をアニメーション化したいです$(window).scroll(function {} これはfirefox(desktop 。?モバイルビュー)が、そのモバイルデバイスの幅にクロームで作業していない誰が助けることができる ここに私のコードです:

$(document).ready(function() { 
     var freetogo = false; 
     var fadeshield = true; 

     $(window).scroll(function() { 
      var scroll = $(this).scrollTop(); 

      var div6 = $("#slide-9").offset().top; 
      var ColorSwingOffset = $("#slide-12").offset().top; 
      var pencils = $("#slide-6").offset().top; 
      //var shieldSlideoffset=$("#slide-14").offset().top; 


      if (ColorSwingOffset == scroll) { 

       $(".color-pieces img").each(function() { 
       $(this).posterSwing(); 
       }); 
      } 

      var slidetransform = $("#slides")[0].style.transform.split(/[()]/); 
      var translateX = slidetransform[1].split(',')[0]; 
      var translateY = slidetransform[1].split(',')[1]; 
      //console.log("translateY "+parseInt(translateY)+"translateX "+translateX); 
      if (translateX == '-350%') { 

       if ($('#slide-14 .slidepoints img').is(":hidden")) { 
       $("#slide-14 .slidepoints img").fadeIn(1000); 
       fadeshield = false; 

       } 


      } 
+0

リモートデバッグを試しましたかhttps://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging? Chromeモバイルでスクロールするとどうなるか教えてください。 – Loufylouf

答えて

1

私は、例えば、あまりにも同じ問題を抱えている。

if ($("#back-to-top").length) { 
     var o = 100, p = function() { 
      var a = $(window).scrollTop(); 
      if (a > o) $("#back-to-top").addClass("show"); else $("#back-to-top").removeClass("show"); 
     }; 
     p(); 
     $(window).on("scroll", function() { 
      p(); 
     }); 
     $("#back-to-top").on("click", function(a) { 
      a.preventDefault(); 
      $("html,body").animate({ 
       scrollTop: 0 
      }, 700); 
     }); 
    } 

それが動作しますモバイルデバイスやタブレットデバイスの場合は、ページのサイズを変更しても今は動作しません。

関連する問題