gpt4 book ai didi

jquery - 使用可滚动菜单固定主要内容的位置

转载 作者:行者123 更新时间:2023-11-28 13:04:25 25 4
gpt4 key购买 nike

我有以下页面(基于 david bushell off canvas 响应式菜单):

http://kwedsd.byethost7.com/test.html

它显示了一个响应式菜单(不完全正常工作),当您缩小浏览器的宽度时,三个水平线图标将可见。当您单击它时,菜单会滑入,这就是我遇到的问题,因为所有链接都不可见。

首先,我希望菜单项一直列在页面下方,而不限于主要内容的高度。其次,我想卡住主要内容,只让菜单滚动(如果你引用 http://disney.com/?intoverride=true,这是我想在单击菜单时实现的示例,主要内容卡住但菜单仍然可滚动) .

我试过将位置固定到主要内容,但没有用。如有任何帮助,我们将不胜感激。

提前致谢。

最佳答案

您需要将#nav 上的“溢出”值更改为“滚动”。所以你的 CSS 应该是:

#nav { 
position: absolute;
top: 0;
padding-top: 5.25em;
overflow: scroll;
etc......
}

通过 overflow:scroll,您至少让用户能够滚动菜单列表。

关于jquery - 使用可滚动菜单固定主要内容的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15940769/

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