0

SO と Web でこれに関する多くの投稿を見つけましたが、多くは古く、完全に機能する答えは見つかりませんでした。position:fixedWeb ページの広告を修正して、ユーザーが下にスクロールすると に変わり、常に表示されるようにしようとしています。gesturechangeとをいじってみましたtouchmoveが、どちらも途中までしか行きません。

ユーザーが iOS 6 または 7 のサファリでスクロールしているときに、ウィンドウの位置をリアルタイムで監視するにはどうすればよいですか? これには、ユーザーが指を離した後も画面がスクロールしている間 (勢いのあるスクロール) が含まれます。

4

1 に答える 1

0

少しトリッキーな簡単な方法。

あなたの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>
于 2013-09-19T23:10:17.303 に答える