導航菜單

Question

當我將鼠標懸停在“導航”菜單鏈接（“關於我們”）上時，頁面將移至左側。 那是由於javascript嗎？

連結文字

Answer 1

這是因為滾動條顯示在瀏覽器窗口的右側。 在我看來，有一個設計錯誤導致菜單懸停時內容要大得多。

Answer 2

如果將鼠標懸停在菜單上，則頁面將變得很長，以至於出現滾動條-並導致頁面“向左移動”（它停留在視口的中央，這是應該執行的操作）。 要解決此問題，請找出導致此溢出的原因（頁面看起來時間不長，我不知道滾動條從何而來）或為您的身體設置overflow-y:scroll ，所以總會有一個滾動條（是不好的“我不知道該怎么解決”的解決方案）

Answer 3

嘗試將UL下拉元素從頁面底部移開或將它們設置為display:none直到將它們完全定位在頁面頂部為止。 visibility:hidden不會將元素從文檔流中移出，而只是將它們隱藏起來。

更好的選擇是使它們成為您已經擁有的<a>標記的子代，因此只需要顯示它們，而不是顯示和移動它們。