粘性菜單被谷歌地圖卡住

我有一個粘性菜單，當滾動到100px時仍然保留在屏幕的頂部，但是在我有googlemap粘性菜單的頁面變得很奇怪並停留在輸入搜索表單上..我已經嘗試禁用與地圖集成的js文件，但它沒有幫助，在沒有地圖的其他頁面粘滯菜單工作正常，甚至在我有地圖粘滯菜單工作正常..現在即時通訊在失去理智的邊緣，什麼是錯的鍍鉻..粘性菜單被谷歌地圖卡住

這裏與 http://www.chemtools.com.au/find/ 我遇到問題的頁面，你就必須向下滾動，向後滾動到頂部得到這個問題，在Firefox上，這個問題沒有出現，所以我的嫌疑人是鉻本身..

任何意見，我應該看看或什麼可能會導致問題？

這裏是正在運行的粘menu`function sticky_menu（）{

jQuery('.header').affix({ 
    offset: { top: jQuery('.sticky_menu').offset().top} 
}); 

jQuery('.header-middle').affix({ 
    offset: { top: jQuery('.sticky_menu').offset().top+100} 
}); 

jQuery('#logo').affix({ 
    offset: { top: jQuery('.sticky_menu').offset().top+100} 
});

來源

2014-11-04 ron

我覺得你是在使用jQuery的你的問題複雜化的JS。您可以使用CSS輕鬆將其粘貼到屏幕的頂部。

如果你包裝你的頭，標識，並在一個div如

<div id='wrapper'> 
    <!-- Your floating header goes here --> 
</div>

然後設置包裝的風格/ CSS .header-middle對象有position: fixed;例如：

#wrapper{ 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
}

CSS的position: fixed屬性強制對象的位置固定到屏幕上的設置位置，隨着用戶的滾動，屏幕將跟隨屏幕。

來源

2014-11-04 19:27:30 Aeolingamenfel

我整理出來了，它是由-webkit-transform引起的：translateZ（0px）;

我只是設置-webkit轉換：無;只適用於Chrome瀏覽器和safari瀏覽器，並與地圖的堅持問題已經消失..

感謝時間@Aeolingamenfel調查問題,,我真的很感激它

來源

2014-11-04 19:46:57 ron

粘性菜單被谷歌地圖卡住

回答

相關問題