やりたいことは、よくある下へスクロールすると「topへ戻る」ボタンを出して、上まで戻るとボタンを消す、という動きです。
下記のコードで、iphone6で検証すると、下へ行く際にスクロールが終わった時に初めてボタンが出ます。しかも、durationも効いていない感じです。
逆に、上にスクロールで戻った際には、animateで消えます。
(クロームのデベロッパーツールでは、スクロールしながら消えます)
どこがおかしいのでしょうか。
$(function() { // TOPへ戻るボタン(初期表示) var scroll = $(window).scrollTop(); if(scroll < 200) { $('.btn_totop').css('opacity', 0); } // TOPへ戻るボタン表示切替 $(window).on('scroll touchmove', function() { scroll = $(window).scrollTop(); if(scroll > 200) { $('.btn_totop').stop(true).animate({opacity:1},200); } else { $('.btn_totop').stop(true).animate({opacity:0},200); } }); });
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/16 16:10 編集