0

我的网站是 www.jeremyspence.net78.net。当您向下滚动时，我想让主菜单消失（您现在看到的一个菜单）和另一个较小的菜单（有点像 apple.com 的苹果菜单）出现在固定的顶部，我正在考虑制作一个粘性菜单，但我希望菜单在您滚动时出现在顶部，而不仅仅是从屏幕上的另一个点粘到顶部。有谁知道如何在滚动时显示菜单，或者任何教你如何做的教程？我想一个航点插件可以做到这一点，但我不知道怎么做

4

1 回答 1

1

您可以使用 jquery .scroll方法来实现这一点。您可以显示代码以在 .scoll 事件处理程序中显示菜单

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:blue; }
  p { color:green; }
  span { color:red; display:none; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div>Try scrolling the iframe.</div>
  <p>Paragraph - <span>Scroll happened!</span></p>
<script>
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $(window).scroll(function () { 
      $("span").css("display", "inline").fadeOut("slow"); 
    });

</script>

</body>
</html>

您可以在此处找到文档和示例

于 2012-12-31T17:30:51.913 回答