2

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>

私が達成しようとしているのは、ユーザーが上下にスクロールするときに、「スクロール ペインのコンテンツのタイトル」をスクロール ペインの上部に配置したままにすることです。デフォルトのスクロールバーを使用していたとき、使用するためのcss titletext：

positon: absolute;

は仕事をしていましたが、 の追加後はそうではなくなりましたjScrollPane。これを機能させるにはどうすればよいですか？以下を JavaScript に追加しようとしましたが、役に立ちませんでした。

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

1 に答える 1

0

次の 2 つのオプションがあります。

最初の方法、 jScrollPane ラッパーのtitletext 外側を設定します。

<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>

2 番目の方法では、固定位置を使用します。

jQuery:

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

またはさらに良いことに、使用しますCSS:

#titletext{position:fixed}

于 2012-08-13T15:01:30.460 に答える