Question

我正在尝试使用此处描述的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>

我想要实现的是当用户向上和向下滚动时，将“滚动窗格中的内容标题”保持在滚动窗格的顶部。当我使用默认滚动条时，titletext的css使用：

positon: absolute;

正在完成这项工作，但在添加jScrollPane后不再是这种情况。我该如何工作？我尝试将以下内容添加到我的javascript中，但没有任何帮助。

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

Answer 1

您有两种选择：

第一种方法，将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{position:fixed}

jScrollPane会覆盖绝对定位，如何重新启用？

1 个答案: