如何在網站上構建設計變更主菜單？

-2

請問，如果有人知道，如何構建主菜單如that網頁，你能幫我嗎？如何在網站上構建設計變更主菜單？

我真的很喜歡他們的菜單，即當你向下滾動時 - 它會改變。當您再次回到頂端時，它會重置爲原始設計。非常感謝。

我知道如何創建菜單，編輯它等。我不知道什麼原理適用於設計的切換。

來源

2016-08-22 Jiří Robenek

使用查看源代碼的網頁... – ca8msm

我們來這裏是爲了幫助是否有在的問題是代碼。如果你想設計或開發網站，那麼你應該僱用任何人進行這項工作。希望你明白。 –

@ ca8msm我知道如何創建菜單，編輯它等。我不知道設計的切換原理是什麼。而且我無法使用View Source查找。我認爲這可能是JavaScript中的一個功能，例如，在滾動操作之後，它不是。 –

正如其他人所指出的，堆棧溢出不是代碼寫入服務。相反，志願者提供幫助解決編碼問題。我們修復你的代碼;我們不寫。

您在帖子中引用的導航的基本前提是scrollTop()（https://api.jquery.com/scrollTop/）。您參考網站使用的WordPress主題（威亞）有一個jQuery函數執行以下操作：

默認情況下，添加應用透明效果的類。
'收聽'網站的滾動位置，如果是>50px，則刪除透明度類（允許默認樣式生效）。根據需要重新應用透明度類。

除此之外，它有一點CSS transition使變化更平滑的效果。這個特定的網站依賴於jQuery，因爲它是一個WordPress安裝，但是您可以使用任何其他JavaScript庫（或者如果您傾向於使用純JS）來實現同樣的效果。

來源

2016-08-22 13:59:37

完全同意。 –

這裏，我們去：

你應該用jQuery腳本做這樣的：

這將改變頁面的顏色爲藍色，當你滾動比210px多了，如果你去將恢復到紅備份：

$(document).ready(function(){  
      var scroll_pos = 0; 
      $(document).scroll(function() { 
       scroll_pos = $(this).scrollTop(); 
       if(scroll_pos > 210) { 
        $("#header_menu").css('background-color', 'blue'); 
       } else { 
        $("#header_menu").css('background-color', 'red'); 
       } 
      }); 
     });

或者，你可以看到有代碼源，打開網頁，然後點擊右鍵點擊鼠標選擇「瀏覽」（Prozkoumat捷克語言）。在這裏，您可以觀看如何工作的，它很容易:)

希望它幫助;）

來源

2016-08-22 14:02:14 praguan

如何在網站上構建設計變更主菜單？

回答

相關問題