javascript - 他们会修复移动滚动事件吗？

Question

我已经在桌面上运行了这个，但在移动设备上却不行。当用户向上滚动并卡在页面底部时，该栏应该会出现。

http://54.200.76.33:8080/

在 safari 等移动浏览器上，进度条会一直持续下去，直到动力停止。我读到当用户滚动网页时 javascript 被禁用，因此无法捕获该事件。

我正在此处阅读 Google 教程 https://developers.google.com/mobile/articles/webapp_fixed_ui

但我仍然认为这不能解决我的问题。 future 有修复移动浏览器的计划吗？有什么可能的方法来解决这个问题吗？

<script type="text/javascript">//<![CDATA[ 
/*THIS WORKS FINE ON DESKTOP BROWSERS*/
/*Needs to work on mobile browsers*/ 
$(window).load(function(){
var foundTop = $('.found').offset().top;
$(window).scroll(function () {
    var currentScroll = $(window).scrollTop();
    if (currentScroll >= 40) {
        $('.found').css({
            position: 'fixed',
            bottom: '0',
            left: '0'
        });
    } else {
        $('.found').css({
            position: 'absolute',
            bottom: '-40px',
        });
    }
});
});//]]>  



</script>

Answer 1

有一个 css 修复:您使用过:

style="position: absolute; bottom: -40px; left: 0px;"

对于固定位置的页脚，应用以下 CSS:

style="position: fixed; -webkit-backface-visibility:hidden; bottom: -40px; left: 0px;"

和固定的javascript:

<script type="text/javascript">//<![CDATA[ 
/*THIS WORKS FINE ON DESKTOP BROWSERS*/
/*Needs to work on mobile browsers*/
$(window).load(function(){
    var foundTop = $('.found').offset().top;
    $(window).scroll(function () {
        var currentScroll = $(window).scrollTop();
        if (currentScroll >= 40) {
            $('.found').css({               
                bottom: '0',
                left: '0'
            });
        } else {
            $('.found').css({                
                bottom: '-40px'
            });
        }
    });
});//]]>