我需要帮助弄清楚一旦窗口的垂直高度被滚动，如何切换一个元素

I need help figuring out how to toggle an element once vertical height of window is scrolled

本文关键字：何切换 滚动 一个 元素 高度 帮助 弄清楚 垂直 窗口      更新时间：2023-09-26

当我使用javascript向下滚动200px时，我试图将div从相对切换到固定。当我从窗口顶部达到200px时，我的div应该切换到fixed。当我从顶部超过200像素时，它应该回到相对值。有人知道怎么做吗？

类似于：

$(window).on('scroll', function() {
    $("#myDivID").css({
       position: $(this).scrollTop()<200?'relative':'fixed',
       top: $(this).scrollTop()<200?'200px':'0px'
    });
});

您可能还需要重置元素的top位置。

我知道至少有几个插件可以做到这一点。记不起我上次看到的那个人的名字了，但这是我自己写的：http://code.google.com/p/sleekphp/source/browse/trunk/Sites/SleekBase/Modules/Base/JS/jQuery.fixedIfNeeded.js

你这样使用它：

$('#my-element').fixedIfNeeded();

有一个可选参数指定元素是否应该在到达另一个元素之前停止修复（例如页脚）：

$('#my-element').fixedIfNeeded('#footer');
相关文章：