gpt4 book ai didi

javascript - 当 html 文档高度不够时,菜单固定在滚动顶部的问题?

转载 作者:太空宇宙 更新时间:2023-11-03 17:46:15 24 4
gpt4 key购买 nike

我在滚动时做了一个固定在顶部的菜单,这对一些页面有很大的高度没问题,但是在页面没有足够的高度,这个脚本循环:

示例:

我有一个高度为 50px 的菜单,我写了一个脚本:

if ($(this).scrollTop() > 50){
// add class fixed
} else { //remove class }
  • 在高度较大的页面上运行:scroll(over 50px) > add class
  • 在高度较小的页面上运行:scroll(over 50px) > add class > remove class

请看这个例子:http://jsfiddle.net/F4BmP/2930/

最佳答案

最后,我找到了解决问题的方法。

问题的原因是当菜单从静态变为固定时 HTML 文档丢失了高度。例如:浏览器有 500px 并且有一个滚动条,当用户滚动我的菜单变为固定并且浏览器丢失了 50px 的菜单,所以浏览器没有足够的高度来有滚动条,它会返回首页并在 ELSE 语句中执行代码行。

所以我添加了一个 div 来包裹我的菜单,并将高度设置为与我的菜单相同的高度,这将使文档的高度在滚动前后始终相同:

<div id="wrap" style="height:50px;width:100%">
<div id="mymenu"></div>
</div>

这个解决方案解决了我的问题。

关于javascript - 当 html 文档高度不够时,菜单固定在滚动顶部的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28105539/

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