簡體   English   中英

jQuery固定浮動div

[英]Jquery Fixed Floating Div

我在滾動時使用jquery來固定浮動div,我在div上應用了一些具有top屬性的樣式,並且在jquery中我更改了頂部值。 問題是當我滾動到末尾時,div下降,而當我滾動到上時時,div向上(不是最初放置它的位置)。如何檢查用戶是否滾動到末尾並向上滾動? 下面是我的代碼

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

我想給top:如果滾動到結尾並滾動到top,則為200px或為固定的浮動div建議一些替代代碼

我了解這個權利:

您需要固定在頂部200像素和左側235像素的DIV。 滾動時,它應該停留在窗口中的該位置上。

為什么不使用CSS:

position: fixed

代替

position: absolute

暫無
暫無

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

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