jQuery scrollTop函数无法在IOS上运行

Question

我有以下代码可以在桌面浏览器上正常工作，但在iPad或移动设备上无效。我所拥有的是一个固定在浏览器窗口底部的65px高导航栏，一旦页面滚动到内容的末尾，导航栏增长到120px，显示其他一些页脚链接（T＆amp; Cs隐私声明等）和社交媒体图标。

有人可以建议我需要做些什么来使这些代码在其他设备上运行吗？

<script type="text/javascript">
 $(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() == $(document).height())
    {
        // show container
        $('nav').stop(true).animate({
            'height':'120px'
            },{ queue: false, duration: 500 });          
    }
    else
    {
        $('nav').stop(true).animate({
            'height':'65px'
            },{queue: false, duration: 500});          
    }
});

$('nav').on('click', function() {
    $('nav').stop(true).animate({
            'height':'65px'
            },{queue: false, duration: 500});   
});
</script>