編輯此表達式以將固定底部變為固定頂部

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

fixed位置在iPhone中不起作用。 因此，每當您滾動頁面直到scroll處理程序設置其新位置時，它肯定會反彈。

$(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); }