Div貼近頁面頂部滾動並停在頁腳 - jquery

我發現這個代碼http://jsfiddle.net/5ADzD/1/。它幾乎適合我。但我希望div停在頁腳處。你必須在那裏插入哪些代碼？感謝您的幫助。Div貼近頁面頂部滾動並停在頁腳 - jquery

function fixDiv() { 
var $div = $("#navwrap"); 
if ($(window).scrollTop() > $div.data("top")) { 
    $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
} 
else { 
    $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'}); 
}

}

$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load 
$(window).scroll(fixDiv);

來源

2014-06-29 user3691753

你是什麼意思「我想在div停在頁腳」的意思？ –

我想貼div #navwrap停在頁腳。 Chceck這個http://jsfiddle.net/5ADzD/441/ – user3691753

我不知道爲什麼你需要這個功能，還是你的工作演示是here

if ($(window).scrollTop() == $(document).height() - $(window).height()) {  
      $('#navwrap').css({'position': 'absolute', 'bottom': '0px','top':'auto', 'width': '100%'}); 
}

希望你正在尋找這一點。

來源

2014-06-29 10:07:51

這段代碼運行良好，但我想停止#navwrap當達到特定點像#footer – user3691753

我不明白你真的need.check這個fiddle.http： //jsfiddle.net/Kkv7X/ –

像這樣的http://codepen.io/jakestuts/full/EzKau，這個例子顯示float div在帖子結束時停止。 – user3691753

試試這個：

function fixDiv() { 
    var $div = $("#navwrap"); 
    if ($(window).scrollTop() > $div.data("top")) { 
     $('#navwrap').css({ 
      'position': 'fixed', 
      'top': '0', 
      'width': '100%' 
     }); 
    } if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $('#navwrap').css({ 
      'position': 'fixed', 
      'bottom': '0', 
      'top' : 'auto', 
      'width': '100%' 
     }); 
    } 
} 
$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load 
$(window).scroll(fixDiv);

的jsfiddle： http://jsfiddle.net/Nj4Q8/

來源

2014-06-29 10:10:56 imbondbaby

Div貼近頁面頂部滾動並停在頁腳 - jquery

回答

相關問題