Javascript 如何实现这种CSS/JS效果？

我如何才能实现这个网站的顶部图像和固定顶部导航栏效果？具体来说，顶部导航栏在顶部滑动图像插件上滚动的方式将变得固定。

---

我不确定是否正确，但也许这可以帮助您：

使用非常高的值，您可以实现图片输入非常缓慢：

$(document).ready(function () {
    $("#nav").show(6000);
});

---

下面是您如何实现的示例和链接。您可能需要一个JQuery插件来创建这样的标题滑块

用于在滚动条经过标题后将导航条粘贴在标题中： 下面是简单的代码片段和演示 HTML:

在JsFiddle上演示上述内容

参考职位：

---

希望这是有帮助的

请在你的问题上至少做些调查我不知道。。这并不是一个简单的效果。如果你不知道它是怎么做的，那为什么还要评论呢？你在浪费你和我的时间。你有没有查看源代码，使用开发工具？哦，好的。滚动/视差效果类似于你正在寻找的那些在这里描述：可能这些插件中的一些将适合你。是的，我看了源代码，无法理解它。谢谢@keaukraine，这和我想要的差不多：）

<div id="container">
    <div id="navwrap">NAV WRAP</div>
</div>

function fixDiv() {
    var $div = $("#navwrap");
    if ($(window).scrollTop() > $div.data("top")) { 
        $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
    }
    else {
        $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'});
    }
}

$("#navwrap").data("top", $("#navwrap").offset().top); 
// set original position on load
$(window).scroll(fixDiv);