Question

我正在尝试创建一个固定的导航栏，当用户滚动时会消失，并且当用户没有时会变得不透明，但我不确定如何在停止滚动时触发fadeTo命令。我玩过并搜索.promise()，但我无法确定具体用法。我是JS / JQuery的新手，我正在学校项目中。

JQuery的：

$(window).scroll(function() {
    $("#top").fadeTo(300, 0.5);
    $("#top").fadeTo(300, 1);
});

#top是导航栏。

感谢任何帮助，并尝试解释您的答案，因为它有助于我学习。

谢谢Lachlan。

Answer 1

当鼠标滚动时，创建计时器，如果在花费时间后页面没有滚动，则显示目标元素。

＆＃13;

var timer;
$(window).scroll(function(){
    clearTimeout(timer);
    timer = setTimeout(function(){
        $("#nav").fadeIn("fast");
    }, 500);
    $("#nav").fadeOut("fast");   
});

＆＃13;

body {
    height: 1000px;
    position: relative;
}

#nav {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    background: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="nav"></div>

＆＃13;

JQuery闪存div？帮助使用.promise（）

1 个答案: