滾動頁面在徽標頂部添加額外填充

向下滾動頁面會在徽標上方添加額外填充。我需要找出一種方法將徽標與網站的其他部分正確對齊。以下是我到目前爲止所嘗試的：我已經在我的js文件中註釋掉了這一行。滾動頁面在徽標頂部添加額外填充

//$('.navbar-brand').css({ 'padding-top' : 0 + "px", 'padding-bottom' : 0 + "px" });

這裏的鏈接到我的site 請注意：這個問題只在滾動頁面向上或向下複製。

2016-03-01 Saqks

該填充來自您的.navbar-brand類中的兩個CSS文件。「style.css」和「bootstrap.min.css」 – Ionut

所以，你想刪除滾動後出現的徽標上的填充頂部？最好的方法（imho）是改變你可能使用的插件。更快的方法是在padding-top：0px語句中使用！important。你可以在你的普通的css文件中做到這一點。 – jvv

請將代碼提供給整個導航。菜單本身 –

當您回滾到頁面頂部時。在navbar-brand錨標記中添加了padding-bottom: 27px; padding-top: 27px;。

滾動到頂部後退時將其刪除。它會解決你的問題。

它是由一些JavaScript或者jQuery的補充。

2016-03-01 08:55:42 ketan

是的，我知道。我現在添加了'.navbar-default .navbar-brand { \t color：＃777 \t padding-top：0！important; }'但它仍然一樣 – Saqks

問題已解決！我做了CSS修復！ – Saqks

添加！重要的這裏不會做任何事情，因爲你正在談論的造型是**內聯**。嘗試添加一個函數，當你回滾到頂部並通過執行$（'。navbar-brand'）刪除這個樣式。removeAttr（'style'）;' – Thatkookooguy

回答