如何創建浮動菜單

Question

需要一些建議來創建浮動菜單，該菜單的行爲與apple website shopping cart上使用的浮動菜單非常相似。我已經看到一些腳本可以做這樣的事情（我們已經嘗試過），但是它們傾向於在運動背後「滯後」，而蘋果版本則表現出靜止的外觀。 jQuery解決方案將是更可取的。

Answer 1

好吧，看起來他們正在從相對定位切換到固定。比大多數人所做的更好，當窗口向下滾動時，它更簡單地向下滾動。

您可以通過遵循the following link中的操作來檢測向下滾動窗口的方式。

Answer 2

一旦div的y位置等同於當前窗口視圖的頂部，使其固定位置。您將不得不使用邏輯來確保它們在向後滾動時回退到非固定狀態，但這應該是微不足道的。

Answer 3

這是一個plugin調用scroll-follow，這將有所幫助。從本質上來說，你可以爲你的菜單選項定義一個帶有ul的DIV。該插件將允許您設置速度，外觀和切換開關。