固定位置导航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过渡/悬停效果不工作+其他奇怪的错误

回答

相关问题