http://www.levomedia.com/contact-us/を参照
画面のサイズが適切な場合、スクロールがない可能性があるため、ズームインする必要があります...しかし、スクロールがあり、ページを下に移動すると、私のテーマはヘッダーを強制的に移動させます。可能であれば削除したいです。
同じ位置にとどまり、あなたと一緒に移動しないように、これを防ぐ最善の方法は何ですか?
http://www.levomedia.com/contact-us/を参照
画面のサイズが適切な場合、スクロールがない可能性があるため、ズームインする必要があります...しかし、スクロールがあり、ページを下に移動すると、私のテーマはヘッダーを強制的に移動させます。可能であれば削除したいです。
同じ位置にとどまり、あなたと一緒に移動しないように、これを防ぐ最善の方法は何ですか?
jquery.stickymenu.js スクリプトの使用をやめれば問題ありません。ページを下にスクロールして不要な場合は、ヘッダーに position:fixed を適用します。
このような
position:fixed, top:0; width:100%;
.navbar-wrapper セレクターに追加してください
position:relative; top:66px;
このセレクタに .type-post, .type-post .post, .type-page, .type-page .postを追加してください
CSS
.navbar-wrapper {
background: url("images/wild_oliva.png") repeat scroll 0 0 #EEEEEE;
margin-bottom: 20px;
padding-bottom: 0;
padding-top: 20px;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.type-post, .type-post .post, .type-page, .type-page .post {
margin: 0 !important;
padding: 0 !important;
position: relative;
top: 66px;
}
css 属性を削除する必要があります。
position: fixed
ヘッダーで使用したもの。
最善の方法は、これを引き起こしている関連する Js コードを削除することです。
私はこれを見つけました
<script src="http://www.levomedia.com/wp-content/themes/sensitive/js/jquery.stickymenu.js?ver=3.6" type="text/javascript">
ページに js コード ファイルが含まれている場合は、それを削除するだけで、意図したとおりにすべてが正常に機能するはずです。
これにより、ページのレンダリング時間と効率も向上します:)
ハッピーコーディング:)
あなたのケースでは、position:fixed
下にスクロールするとJsがトップメニューに属性を追加しているので、cssでこれを行うことができます。
これを変換します:
<div id="topmenu" class="container" >
これに:
<div id="topmenu" class="container" style="position:relative !important" >
インライン Css が必要ない場合は、次のようなクラスを作成します。
.container{
position:relative !important
}