淡入滾動時

我的網站是www.jeremyspence.net78.net。當你向下滾動時，我想讓主菜單消失（你現在看到的一個菜單）和另一個更小的菜單（有點像來自apple.com的蘋果菜單）出現在固定的頂部，我正在考慮製作一個粘性菜單，但是我希望菜單在滾動時出現在頂部，而不是僅從屏幕上的另一個點出現在頂部。有人知道如何在滾動時出現菜單，或者教您如何使用任何教程？我想象一個航點插件可以做到這一點，但我不知道如何淡入滾動時

來源

2012-12-31 user1940007

您可以使用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>

您可以找到文檔和示例here

來源

2012-12-31 17:30:51 Wolf

謝謝！我把代碼放到我的網站上，然後製作菜單欄，但由於某種原因，它不起作用。它在jsfiddle工作，但它不是在我的網站請幫助！ – user1940007

我檢查了你的網站。把jquery.js引用放在$（window）.scroll方法之上調用 – Wolf

謝謝你的工作，有沒有什麼快捷的方法可以讓頁面在頁面頂端消失，所以我不必處理它褪色。我查看了網站http://nizoapp.com，他們似乎是這樣的，當你的窗口位於對象改變的某個部分時，我想我可以使用更簡單的版本來讓窗口滾動時出現菜單直到某一點。但由於我的經驗不足，我不知道該怎麼做 – user1940007

回答

相關問題