Jquery固定浮動分區

我正在使用jQuery進行滾動固定浮動div，我已經應用了一些頂級屬性div和jquery的樣式我正在改變最高值。問題是當我滾動到結束時，div下降，當我滾動直到上升，div上升方向（不是我最初放置的位置）如何檢查用戶是否滾動到結束和上？下面是我的代碼Jquery固定浮動分區

<div id="floatdiv" style="position:absolute;top:200px;left:58%;margin-left:235px;width:200px;"> 
</div> 

var name = "#floatdiv"; 
    var menuYloc = null; 
    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px"))) 

$(window).scroll(function() { 
offset = menuYloc + $(document).scrollTop() + "px"; 
     $(name).animate({ top: offset }, { duration: 500, queue: false }); 
});

我想給頂：200像素的滾動，直至年底的情況，並滾動，直到頂部或暗示一些備用碼固定浮動DIV

來源

2013-10-03 Syed Salman Raza Zaidi

難道我明白這個權利：

你想要一個固定在頂部200像素和離開235像素的DIV。當你滾動時，它應該保持在窗口的這個位置上。

爲什麼不使用CSS：

position: fixed

，而不是

position: absolute

來源

2013-10-03 06:45:51 websupporter

謝謝，這與這個工作，但現在向下滾動，它的移動div來一面瞬間 –

你還在用你的JavaScript代碼？你不必，position：fixed應該把它固定在這個窗口位置上。 https://developer.mozilla.org/en-US/docs/Web/CSS/position – websupporter

是的，我仍然使用JS代碼 –

Jquery固定浮動分區

回答

相關問題