javascript - 子菜单位置问题

Question

我在我的网站上滚动了一个菜单 http://www.whirlware.biz ，它工作正常但在子菜单(公司和服务)中有一个错误，滚动页面时子菜单出现奇怪的方式。我想我需要为子菜单设置固定位置，但当我尝试这样做时，结果很糟糕。

我的代码:(或者你可以检查我的网站)

stickymenu.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 代码，因为样式文件很大，但如果您需要网站，我认为您可以找到正确的答案。 有人可以帮我吗？谢谢。

Answer 1

您有一个 top 属性，js 插件正在插入该属性。要么编辑插件以内联删除 top 属性，要么在现有的选择器上使用这段 CSS:

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

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