位置：固定不起作用按鈕單擊後

我得到了這個頭是固定的，並始終在滾動期間保持最佳狀態。它工作正常。但是當我切換到響應視圖，然後單擊我的菜單按鈕，然後再切換回桌面視圖，沒有位置，即：固定工作... 這裏是我的網站：Website 位置：固定不起作用按鈕單擊後

來源

2015-12-01 Arian Rahimi

歡迎來到Stack Overflow！請修改您的問題以包含相關代碼以顯示您的問題。請參閱[如何創建最小，完整和可驗證的示例]（http://stackoverflow.com/help/mcve），獲取有關獲得最佳幫助的提示。 –

當您單擊響應視圖菜單它增加了內聯style="transform: translate3d(300px,0px,0px)"到<div id=mp-pusher>，當你關閉它時，它會在那裏留下變換樣式。

變換樣式打破固定定位per this answer。

當我在Chrome開發工具中將內聯樣式更改爲transform: none;時，fix-menu類再次工作。

當mp-pusher關閉時，您需要刪除transform或將其設置爲none。

來源

2015-12-02 00:53:27 ourmandave

你是對的！還有一個問題......爲什麼這個工作正常？ [鏈接]（http://www.ayandehcenter.com） –

它適用於IE11，但不適用於Chrome 45。我做了一些挖掘，看起來像變換給Chrome帶來了固定位置的各種問題。一對夫婦的想法。 1.從'this._setTransform（'translate3d（0,0,0）'在[mlpushmenu.js]（https://github.com/codrops/MultiLevelPushMenu/blob/master/js/mlpushmenu.js#L188）中更改第205行）'）;'to this._setTransform（'none'）;'或2. [使用jquery檢測類更改中的媒體查詢更改]（https://www.fourfront.us/blog/jquery-window- width-and-media-queries），並用'$（'＃mp-pusher'）去除它。removeAttr（'style'）;'。未經測試，但他們可能會關閉菜單。 – ourmandave

位置：固定不起作用按鈕單擊後

回答

相關問題