Question

我有一个浮动/静态工具栏，我想延迟，直到访问者向下滚动页面一段距离。我尝试过使用delay（）和scroll（）函数，但没有成功。我可能在正确的道路上，但语法不正确。

比如说，这是我的工具栏（下方）...我需要在脚本中延迟显示它（javascript / jquery）？而且，虽然我们正在努力，但任何方式都可以淡化它？

<div class="toolbar">
<ul></ul>
</div>

Answer 1

下面的JQuery脚本会在用户滚动页面时显示工具栏div。

注意：页面必须可滚动才能触发事件，因此页面内容必须高于窗口。

<script>
  $(window).scroll(function () { 
    $(".toolbar").fadeIn("slow"); 
  });
</script>

此脚本会在预设延迟后淡化工具栏div。

<script>
  $(document).ready(function () { 
    $(".toolbar").delay(800).fadeIn(10000); 
  });
</script>

将其中一个脚本直接放在页面的结束</body>标记上方，并确保在<head>部分中有一个指向JQuery库的链接