javascript - 在iOS 6和7移动版Safari上监控实时滚动位置

我在SO和Web上找到了许多关于此的帖子，但是很多帖子已经过时了，而且我还没有找到一个完全有效的答案。我正在尝试在网页上修复广告，以便当用户在其下方滚动时，该广告更改为position:fixed，因此始终可见。我玩过gesturechange和touchmove，但是两者都只能使我半途而废。

当用户在iOS 6或7中的野生动物园中滚动时，如何实时监视窗口的位置？这包括在用户将手指抬起之后屏幕仍在滚动时（动量滚动）

最佳答案

一个简单的方法有点棘手。

在你的CSS中
==>

#myAd {
position: relative;
}


#myAd.fixed {
position: fixed;


}

在你的HTML
==>

<div id="myAd" class="sample fixed">
<!--PUT YOUR AD HERE-->
</div>

还有一些jQuery的东西
==>

<script type="text/javascript">
  $(document).ready(function() {
    if ( $('#myAd').length > 0 ) {
      myAd_top = $('#myAd').position().top;
      $(window).scroll( function(e) {
      if ( window.scrollY > myAd_top ) {
      document.getElementById('myAd').className = 'sample fixed';
      } else {
      document.getElementById('myAd').className = 'sample';
      }
      });
    }
  });
</script>