Jquery 固定 float Div

Question

我在滚动时使用 jquery 固定 float div，我在 div 上应用了一些带有 top 属性的样式，我正在使用 jquery 更改 top 值。问题是当我滚动到最后时，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: 200px 在滚动到结束和滚动到顶部的情况下 或者建议一些固定 float div 的替代代码

Answer 1

我这样理解对吗:

您需要一个固定在顶部 200 像素和左侧 235 像素的 DIV。当您滚动时，它应该停留在窗口中的这个位置。

为什么不使用 CSS:

position: fixed

代替

position: absolute