jquery添加位置固定當div達到頂部完成，但如何添加額外的功能？

由於這個非常有用的答案 - https://stackoverflow.com/a/10096021/2039935，我設法得到一個div，以便在它到達頁面頂部時修改爲固定位置。jquery添加位置固定當div達到頂部完成，但如何添加額外的功能？

現在的問題是，當它變得固定時，它下面的內容顯然會跳起來，因爲div不再推動其餘的內容。我需要在下面的內容中添加一個頂部邊距，即下面內容中的div高度，以使其變爲固定點，因此下面的內容會繼續在固定div下平滑滾動。

更改代碼到達頁面的頂部是當DIV定位固定...

$(function(){ 
var stickerTop = parseInt($('#header-container').offset().top); 
$(window).scroll(function() { 
$("#header-container").css((parseInt($(window).scrollTop()) + parseInt($("#header- container").css('margin-top')) > stickerTop) ? { 
     position: 'fixed', 
     top: '0px' 
    } : { 
     position: 'relative' 
    }); 
}); 
});//]]>

應該是一個容易爲那些在知道..

非常感謝！

FYI這個問題的答案是......

$(function(){ 
    var stickerTop = parseInt($('#header-container').offset().top); 
    $(window).scroll(function() { 
     var movelisting = (parseInt($(window).scrollTop()) + parseInt($("#header- container").css('margin-top')) > stickerTop) ? '200px' : '0px'; 
     $("#search-listings-container").css("marginTop", movelisting); 

     $("#header-container").css((parseInt($(window).scrollTop()) + parseInt($("#header-container").css('margin-top')) > stickerTop) ? { 
      position: 'fixed', 
      top: '0px' 
     } : { 
      position: 'relative' 
     }); 
    }); 
});

來源

2013-02-14 Chris Carruthers

這不是一個「爲我而做」的論壇。你試過什麼了？ SO是他解決問題的地方，而不是爲你增加的附加功能 – Bojangles 2013-02-14 15:39:11

如果我們談論的是浪費評論，你的回覆時間更長......不管怎樣，我不覺得「大」。我認爲你已經大規模反應過度了;我在說，你不應該要求SO用戶爲你完成一些事情。這裏沒有_problem_，只是缺乏自己解決問題的意願。谷歌是一個夢幻般的資源... – Bojangles 2013-02-14 18:09:55

你可以顯示一個jsfiddle或jsbin等你迄今取得的進展。還有其他的方法可以完成你正在努力完成的任務，所以如果我能看到你的進步，我可以幫你解決問題。並不介意bojangles – 2013-02-14 16:08:50

我不知道那是什麼underestand你的問題。我看到你有一個開始位置的div：relative;並結束固定。這會對下面的下一個div產生影響。也許你可以在給＃header-container分配一個固定的位置後，嘗試在div $('#id_div').css({'margin-top':'40px'});上加一些margin-top。

我已經把40px，但你必須把你相信它的身高值。

來源

2013-02-14 16:21:21 newpatriks

嗨，這正是我想要做的，但無法獲得 $（'＃id_div'）。css（{'margin-top'：'40px'}）; 與位置同時觸發：固定？ – 2013-02-14 16:39:24

並使用.css（{'top'：'Xpx'}）;？不用margin-top – newpatriks 2013-02-14 19:01:49

我舉這個例子，是[this]（http://jsfiddle.net/newpatriks/ESu5B/）你在找什麼？ :) – newpatriks 2013-02-14 19:22:57

jquery添加位置固定當div達到頂部完成，但如何添加額外的功能？

回答

相關問題