android - 悬停时检测scrollTop()(手持设备)

Question

我使用 jQuery 的 rollTop() 作为固定菜单:

function fixed_menu(){

    if( $('window').width() < 770 )
    {
        var menu = $('.col-left.sidebar');
        var offset = menu.offset();
        var trigger = offset.top;

        $(document).scroll(function(e){
            if($('body').scrollTop() >= trigger){
                menu.addClass('fixed');
            } else if ($('body').scrollTop() < trigger){
                menu.removeClass('fixed');
            }
        });
    }

}
fixed_menu();

当我在自己的手机(Android 设备、Moto G 第二代)上测试时，if 语句在滚动时仍然有效。

当我在 iPad mini 上测试时，if 语句仅在悬停完成时启动。

当悬停仍在进行时，如何使此功能在某些 iOS 设备上运行？

Answer 1

scrollTop() 函数在不同浏览器中存在问题。您可以尝试使用 $('html, body').scrollTop() 和 $(window).scroll()

function fixed_menu(){
    if( $('window').width() < 770 ){
        var menu = $('.col-left.sidebar');
        var offset = menu.offset();
        var trigger = offset.top;

        $(window).scroll(function(e){
            if($('html, body').scrollTop() >= trigger){
                menu.addClass('fixed');
            } else if ($('html, body').scrollTop() < trigger){
                menu.removeClass('fixed');
            }
        });
    }
}
fixed_menu();