gpt4 book ai didi

javascript - fullpage.js 与 ui-tabs 问题

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

我的用例如下 -我在顶部有水平标签(使用 jquery-ui - ui-tabs)

第一第二第三

每个选项卡都是一个超链接。单击“第二个”选项卡时,它会拉出我使用 fullpage.js 的页面该页面有 3 个部分。第一部分向上拉,顶部有 3 个标签。

当用户滚动时,第二部分显示在顶部(该高度与第一部分中的标签高度匹配)

我确实有 scrollOverflow:true。

请问我该如何解决。

看起来像这样 initial display

after scrolling display

最佳答案

添加以下样式:

body{
padding: 0;
margin: 0;
}
#tabs{
padding: 0;
}
#tabs ul{
z-index: 999;
position: fixed;
width: 100%;
}
.ui-tabs .ui-tabs-panel {
padding: 50px 0 0 0;
}

Demo online

关于javascript - fullpage.js 与 ui-tabs 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31707077/

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