0

我在我的网站http://www.whirlware.biz上滚动了一个菜单，它运行良好，但在子菜单（公司和服务）中有一个错误，滚动页面时子菜单出现奇怪的方式。我想我需要子菜单的固定位置，但是当我尝试做到这一点时，我的结果很糟糕。

我的代码：（或者你可以检查我的网站）

粘性菜单.js

$( document ).ready(function() {
var left = document.getElementById("zt-mainmenu"); 

stop = (left.offsetTop - 60);


window.onscroll = function (e) {

  var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset :   (document.documentElement || document.body.parentNode || document.body).scrollTop;


 if (scrollTop >= stop) { 
 left.className = 'fixed_m'; 
 } else {
 left.className = ''; 
 }

}
});

我试图添加这个 css，但没有我期望的结果：

div.submenu-wrap {
position:fixed !important;
top:0px !important;
left:0px !important;
}

我无法提供完整的 CSS 代码，因为样式文件很大，但是如果您期望站点，我认为您可以找到正确的答案。有人可以帮我吗？谢谢。

4

1 回答 1

0

您有一个 js 插件正在插入的顶级属性。编辑插件以删除内联的 top 属性，或者在现有的选择器上使用这段 CSS：

div.menusys_mega .menusub_mega {
  position: absolute;
  opacity: 0;
  top: inherit !important;
}

由于 !important，这并不理想，但至少您会看到取消 top 属性时会发生什么。

于 2013-11-12T19:23:07.337 回答