2015/04/28

[JavaScript]iOS8のsafariのonscrollイベントについて

iOSのsafariは、onscrollイベントは、スクロールが終了してから発火する仕様でした。

ところが、Why the Scroll Event Change in iOS 8 is a Big Dealによるとスクロール中でも発火する仕様になったそうです。

実際に下のプログラムで確認してみました。

<script>
jQuery(function($){
  $(window).on('scroll',function(){
    $('.header').text($(window).scrollTop());
  });
});
</script>
<style>
html,body{
  margin: 0;
  padding: 0;
}

.header{
  left:0;
  top:0;
  height:20px;
  position: fixed
}

.body{
  height: 10000px;
}

</style>
<div class="header"></div>
<div class="body"></div>
確かにiOS7で確認するとスクロール終了後、値が変更されますが、iOS8だとリアルタイムで変更される。

これは、ものすごい仕様変更かもしれない。

0 コメント:

コメントを投稿