iOSでスクロール終了時にしかボタンが出ない

Question

やりたいことは、よくある下へスクロールすると「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);
        }
    });
});

Answer 1

// $(window).on('scroll touchmove', function() {
$(window).on('scroll touchstart', function() {

touchstartにするのはいかがでしょうか。

Comments

[avantgarden]

ご回答ありがとうございます。
touchstartにしてみましたが、変りませんでした。