【问题标题】:Conflict with Chrome and fullPage.js与 Chrome 和 fullPage.js 冲突
【发布时间】:2015-07-17 09:43:32
【问题描述】:
我正在使用fullPage.js 和UIkit 来构建网站。我注意到在我实现画布外菜单时 Chrome 出现问题。该菜单出现并在所有其他浏览器中有效,但在 Chrome 上似乎存在冲突,我根本看不到它。如果我删除插件,菜单工作正常。
问题应该与插件使用的translate3d属性有关。
这是Jsfiddle demo.
知道如何解决这个问题吗?
谢谢!
【问题讨论】:
标签:
jquery
css
google-chrome
uikit
fullpage.js
【解决方案1】:
我放弃了这个选项,因为我没有找到解决这个问题的方法。于是,我用mmenu.js插件代替了相关的UIkit组件创建了off canvas菜单,问题就解决了。
【解决方案2】:
不要放弃。 UIkit 和 fullPage.js 的集成带来了很多乐趣。将以下内容添加到您的 CSS 中,然后您将看到菜单:
.uk-offcanvas-page {
position:absolute;
}