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

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

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

由于重要性，这并不理想，但至少你会看到取消顶级房产时会发生什么。

子菜单位置问题

1 个答案: