在移动safari、iOS 6和7上监控实时滚动位置

Question

我在SO和网络上找到了很多关于这方面的帖子，但很多都是旧的，我从来没有找到一个完全有效的答案。我正在尝试修复我的网页上的一个广告，这样当用户在它下面滚动时，它会变成position:fixed，因此总是可见的。我尝试过使用gesturechange和touchmove，但这两个工具都只完成了一半的工作。

在iOS 6或7中，当用户滚动safari时，我如何实时监控窗口的位置？这包括当用户抬起手指后屏幕仍在滚动时(动量滚动)

Answer 1

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

在你的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>