Javascript 延迟显示div

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

比如说，这是我的工具栏（下面）…我需要在脚本中添加什么来延迟显示它（javascript/jquery）？而且，当我们这样做的时候，有没有办法让它慢慢打开

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

当用户滚动页面时，下面的JQuery脚本将显示工具栏div

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

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

$（窗口）。滚动（函数（）{
$（“.toolbar”）.fadeIn（“慢”）；
});

此脚本将在预设延迟后淡入工具栏

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

$（文档）.ready（函数（）{
$（“.toolbar”）.delay（800）.fadeIn（10000）；
});

---

将任意一个脚本直接放在页面的关闭标签上方，并确保在

部分中有到JQuery库的链接。当用户滚动页面时，下面的JQuery脚本将显示工具栏div

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

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

$（窗口）。滚动（函数（）{
$（“.toolbar”）.fadeIn（“慢”）；
});

此脚本将在预设延迟后淡入工具栏

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

$（文档）.ready（函数（）{
$（“.toolbar”）.delay（800）.fadeIn（10000）；
});

---

将任意一个脚本直接放在页面的关闭标签上方，并确保在

部分中有到JQuery库的链接

谢谢。我很接近，但这是有道理的。但是，我必须有一个jquery冲突，因为脚本不起作用。加载时必须隐藏工具栏元素。我忘了添加显示：无…doh！但我确实注意到我仍然存在jquery冲突。如果不添加特定的js脚本，则无法正常工作。但是，如果我添加js脚本，它将按照您创建的方式工作，但是站点上其他基于jquery的功能将停止工作，特别是PrettyTo和tubepress。这个网站是基于WP的，我使用的主题已经内置到js中。我想我可能需要开始另一个问题来帮助压缩所有jquery语句和用法。谢谢。我很接近，但这是有道理的。但是，我必须有一个jquery冲突，因为脚本不起作用。加载时必须隐藏工具栏元素。我忘了添加显示：无…doh！但我确实注意到我仍然存在jquery冲突。如果不添加特定的js脚本，则无法正常工作。但是，如果我添加js脚本，它将按照您创建的方式工作，但是站点上其他基于jquery的功能将停止工作，特别是PrettyTo和tubepress。这个网站是基于WP的，我使用的主题已经内置到js中。我想我可能需要开始另一个问题来帮助压缩所有jquery语句和用法。