頭在使用HTML/CSS

Question

在網站上滾動無固定我有一個網站

http://www.cswimmigration.com/ 

我試圖修復它的頭，當用戶滾動，但無法找到任何解決方案。

我在樣式表中添加了以下css。

.gdlr-header-wrapper { 
    height: 150px; 
    left: 0; 
    position: fixed; 
    right: 0; 
    z-index: 99999; 
} 

凡gdlr頭，包裝是HTML的標題標記的類。 請幫忙

Answer 1

好消息是你沒有做錯什麼！壞消息是這是瀏覽器的錯誤：

https://bugs.chromium.org/p/chromium/issues/detail?id=20574

基本上，如果一個元素有position:fixed並且是具有transform或-webkit-transform，該fixed將無法​​正常工作的另一個元素中。

的解決方法是刪除線227 - 從這個樣式表在您的網站229：

http://www.cswimmigration.com/wp-content/themes/megaproject/style.css?ver=4.5.4

...或者將其添加到您的自定義CSS：

body { 
    -webkit-transform: none !important; 
    transform: none !important; 
} 

那麼就應該使用上面定義的.gdlr-header-wrapper類可以很好地工作。