gpt4 book ai didi

具有固定导航栏的 Javascript 不起作用

转载 作者:行者123 更新时间:2023-11-30 11:57:19 26 4
gpt4 key购买 nike

http://www.new.techmoney360.com/是网站,它是用 wordpress 开发的。

导航栏是 <header> 的一部分这也包含我的 Logo 部分,所以我不确定这是否会导致问题。

这是包含导航栏的整个 html,当我滚动经过它时,我想将其固定在顶部。

<div  id="navmenu" class="mkd-menu-area">
<div class="mkd-grid">
<div class="mkd-vertical-align-containers">
<div class="mkd-position-left">
<div class="mkd-position-left-inner">
<?php if(is_active_sidebar('mkd-left-from-main-menu')) : ?>
<?php dynamic_sidebar('mkd-left-from-main-menu'); ?>
<?php endif; ?>
<?php discussion_get_main_menu(); ?>
</div>
</div>
<div class="mkd-position-right">
<div class="mkd-position-right-inner">
<?php if(is_active_sidebar('mkd-right-from-main-menu')) : ?>
<?php dynamic_sidebar('mkd-right-from-main-menu'); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>

这是我用来定位导航栏的 javascript(感谢 akinuri 的脚本)

window.onscroll = changePos;

function changePos() {
var header = document.getElementById("navmenu");
if (window.pageYOffset > 182) {
header.style.position = "absolute";
header.style.top = pageYOffset + "px";
} else {
header.style.position = "";
header.style.top = "";
}
}

最佳答案

地点.mkd-top-bar在所有包装器之外,将其放在 <body> 下方在它的 css 中应用 position: fixed;

.mkd-top-bar {
background-color: #303030;
position: fixed;
}

这是您要找的吗?

关于具有固定导航栏的 Javascript 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37576470/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com