gpt4 book ai didi

jquery - jScrollPane 覆盖绝对定位,如何重新启用?

转载 作者:行者123 更新时间:2023-12-01 06:04:02 25 4
gpt4 key购买 nike

我正在尝试使用此处描述的jScrollPane: http://jscrollpane.kelvinluck.com/

<body>
<div class="scroll-pane"
<div id=titletext>
Title of Content In Scroll Pane
</div>
<div id=maintext>
Content of scroll pane.
</div>
</div>
<body>

我想要实现的是当用户上下滚动时,让“滚动 Pane 中的内容标题”保持在滚动 Pane 的顶部。当我使用默认滚动条时, titletext 的 css 使用:

positon: absolute;

正在完成这项工作,但是在添加jScrollPane后,情况不再如此。我怎样才能让它发挥作用?我尝试将以下内容添加到我的 JavaScript 中,但没有帮助。

$('#titletext').css({
position: 'absolute',
});

最佳答案

您有两个选择:

第一种方法,将 titletext 设置在 jScrollPane 包装器的外部:

<body>
<div id=titletext>
Title of Content In Scroll Pane
</div>
<div class="scroll-pane"
<div id=maintext>
Content of scroll pane.
</div>
</div>
<body>

第二种方法,使用固定定位:

jQuery:

$('#titletext').css({
position: 'fixed'
});

或者更好的是,使用CSS:

#titletext{位置:固定}

关于jquery - jScrollPane 覆盖绝对定位,如何重新启用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8384248/

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