$（window）.scroll（function {}在chrome中无效（响应）

Question

我想在滚动上为元素设置动画。我用$（window）.scroll（function {} 这与firefox（桌面和移动视图）工作正常，但它不能在移动设备宽度上使用chrome。有人可以帮忙吗？ 这是我的代码：

$(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;

              }


            }