0

私のウェブサイト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コードを提供することはできませんが、サイトを期待するなら正解が見つかると思います。誰かがこれで私を助けることができますか? ありがとう。

4

1 に答える 1

0

js プラグインが挿入しているトップ プロパティがあります。プラグインを編集して最上位のプロパティをインラインで削除するか、既存のセレクターで次の CSS を使用します。

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

!important のため理想的ではありませんが、少なくとも最上位のプロパティをキャンセルするとどうなるかがわかります。

于 2013-11-12T19:23:07.337 に答える