固定位置導航CSS3過渡/懸停效果不工作+其他奇怪的錯誤

-2

https://4djustice.com 固定位置導航CSS3過渡/懸停效果不工作+其他奇怪的錯誤

第1期（固定）：以滾動菜單正常工作與它之前的CSS3過渡和懸停效果和僞-selectors。然而，當你向下滾動時，一個固定的css類會與jquery一起添加。當它被添加時，菜單開始行爲不正常（懸停不起作用，下拉菜單丟失等）

問題2（修正）：頁腳下方有一個奇怪的空間，我不確定它在哪裏來自（哪裏。我檢查了所有的CSS，但它似乎不是一個保證金，填充或浮動問題。

這是來自我的插件的移動導航菜單。這是代碼，根據我的理解，它讀取身體的高度並將＃sb站點容器設置爲該高度。但是，我不知道爲什麼身體的高度延伸過了頁腳。

// Inline CSS 
    function css() { 
    // Set minimum height. 
     $site.css('minHeight', ''); // Reset minimum height. 
     $site.css('minHeight', $('body').height() + 'px'); // Set minimum height of the site to the minimum height of the body. 

    Some more code in the function that I don't think is relevant. 

    }

第3期（固定）：固定菜單似乎工作的每一頁上，除了這一個：http://justice.allureprojects.com/articles/public-defender-vs-private-attorney。這個頁面與任何其他文章都有相同的single.php模板。

順便說一句，我正在測試最新版本的Chrome。

在此先感謝！

UPDATE（2/1/2017）：該網站上的所有問題都已修復。

來源

2014-05-05 Allure Web Solutions

我使用Firefox和我不能複製問題＃1。問題＃2似乎是'sb-site'。問題＃3 ...網頁引發錯誤，您之前檢查過嗎？ 'TypeError：$不是函數' – Goodwine

你爲什麼要設置'minHeight'？爲什麼你不能使用'height：100％'？ – zgood

@zgood我使用滑動條（http://plugins.adchsm.me/slidebars/）腳本爲我的手機菜單（備選案文將讚賞）...我已經通過手動更改js的slidebars腳本讀取#content div的高度而不是主體。我不知道爲什麼他們爲minHeight創建了一個函數，而不是將高度設置爲100％。 –

問題1：適用於FireFox而非Chrome。你需要顯示相關的代碼

問題＃2：你有一個內聯樣式（style="min-height: 2023px;"），這是你的#sb-site包裝。刪除這可以修復您的頁腳問題。

它可能會通過JavaScript插件放在那裏。

問題＃3：固定導航和側導航都對我這個頁面上工作正常（測試：火狐，Chrome，IE9 +）

來源

2014-05-05 20:34:56 zgood

我應該針對問題1展示哪些代碼？ js或css？ –

@AllureWebSolutions初始化菜單和所添加的任何自定義CSS的js會很棒 – zgood

感謝您的幫助。我已經完全採取了不同的方法。有它的主機的問題。 –

固定位置導航CSS3過渡/懸停效果不工作+其他奇怪的錯誤

回答

相關問題