编辑此表达式以将固定底部变成固定顶部

Question

这个功能应该在iPhone中工作，

$(document).ready(function() {
    $('#head').css('position','fixed');
  window.onscroll = function() {
      document.getElementById('head').style.top =
         (window.pageYOffset + window.innerHeight + 25) + 'px';
        // alert((window.pageYOffset + window.innerHeight - 25) + 'px');
    };
});

但它应该将div（25px）保留在页面底部，我需要它在页面顶部，无论我滚动多少，

我都像这样，

$(document).ready(function() {
    $('#head').css('position','fixed');
    var height = $('#head').height();
  window.onscroll = function() {
      document.getElementById('head').style.top =
         (window.pageYOffset) - height + 'px';
        // alert(window.pageYOffset); alert(window.innerHeight);
    };
});

但似乎#head div 没有正确跟随滚动（看起来像是弹跳），知道我错过了什么吗？

Answer 1

位置固定在 iPhone 中不起作用。因此，每当您滚动页面时，它都会弹起，直到滚动处理程序设置其新位置。

$(document).ready(function() {
    $('#head').css('position','absolute');
    $(window).scroll(function() {
      $('#head').css({
         top: window.pageYOffset
      });
    });
});

Answer 2

尝试更多 jQuery：

window.onscroll = function() { $('#head').offset(0,0); }