簡體   English   中英

不在視圖中時的jQuery粘貼頁腳

[英]jQuery sticky footer when not in view

恐怕還有一個棘手的頁腳問題。 似乎無法找到Im試圖實現的合適方法。

我有一個頁腳,當前位於相對高度的中間高度容器的底部。

當窗口變得小於頁腳底部時,我需要將頁腳絕對定位到窗口底部並且略微透明。

我目前有這個,但似乎無法正常工作:

var footer = $('footer');
var start = $(footer).offset().top;

$.event.add(window, "scroll", function() {
    var pos = $(window).height();
    $(footer).css('position',((pos)<start) ? 'relative' : 'absolute');
    $(footer).css('bottom',((pos)<start) ? '0px' : '');
});

請幫忙。

多謝你們

應該添加以下內容作為答案:

設法使此工作按我的意願進行:jsfiddle.net/tc7p3/4如果有改進的方法,請提出一種更好的方法。 謝謝

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM