如何使用jquery滚动元素的样式

Question

我想知道当用户向下滚动时是否有办法改变导航的样式 - 这是示例代码

<div id="navigation">....</div>
<div id="about">....</div>
    <div id="portfolio">....</div>
    <div id="footer">....</div>

#navigation是绝对的，因此始终位于页面顶部。我想知道是否只有在每个部分的开头滚动窗口时才能显示导航。

所以在开始时它是可见的，当用户开始滚动它淡出时，当#about部分可见时#navigation淡入并淡出为向下滚动。

我尝试以这种方式获取＃about，＃portfolio和#footer的位置：

margin_top = $("#obsticalSC").css("margin-top");

然后有一个if语句，说明如果#navigation的上边距等于上面，显示它。但是上面的代码不起作用。

由于

Answer 1

因为你正在做jQuery，这可能会有所帮助：

jQuery scrollTop

这将获取元素的位置以及滚动多少。

最有可能的，我猜你正在用动态内容做一页（显示一个或另一个）。你可以做到

$("#about").scrollTop();

获取在div中滚动多少，或者您可以将其更改为：

$("body").scrollTop();

如果您使用的是页面滚动条。你可以查看它向上滚动多少并做你的褪色。