0

我已经在台式机上进行了此操作，但在移动设备上却没有。当人向上滚动并卡在页面底部时，应该会出现该栏。

http://54.200.76.33:8080/

在 safari 等移动浏览器上，该栏一直持续到势头停止。我正在阅读当用户滚动网页时禁用了 javascript，因此无法捕捉到该事件。

我在这里阅读谷歌教程https://developers.google.com/mobile/articles/webapp_fixed_ui

但我仍然认为这不能解决我的问题。未来是否有修复移动浏览器的计划？有没有办法解决这个问题？

<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>
4

2 回答 2

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'
            });
        }
    });
});//]]>
于 2013-10-03T05:30:15.220 回答
1

嗨 Zeus，您也可以提供您的代码，这样就很容易理解问题的确切位置。意思是在这里我提供滚动视图的链接。

对于垂直滚动视图：

http://www.androidhub4you.com/2013/05/simple-scroll-view-example-in-android.html

对于水平滚动视图：

如何在android中使grid-view水平滚动

于 2013-10-03T05:43:01.683 回答