外帆布設計有固定元件

Question

http://jpanelmenu.com/examples/jrespond/index.html

上述鏈路示出了一個外帆布jQuery插件的演示。注意頭元素（藍條）是如何具有position:fixed; css屬性的。側邊欄打開後，此元素如何向右移動？我一直在與網絡檢查員一起深入研究代碼，我似乎無法弄清楚是什麼使其工作。每當我有一個容器元素移動時，固定元素不受影響。爲什麼它在這裏工作，但它不適合我？

任何關心解釋這是如何工作的？

PS：我寧願不使用jQuery插件只是爲了獲得相同的功能。我寧願知道這項技術是如何完成的，所以我可以自己實現。知識就是力量。

感謝您的閱讀。所有的幫助表示讚賞。

Answer 1

看看下面的鏈接中的代碼是否有幫助。

http://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle

Answer 2

當邊欄被打開使用JS來添加一個類報頭，並且在CSS類中定義的相對位置，與側邊欄的寬度。比你可以使用easing來製作動畫。