0

私のサイトは www.jeremyspence.net78.net です。下にスクロールすると、メインメニュー（現在表示されている1つのメニュー）が消え、別の小さなメニュー（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 に答える