プロジェクトで jScrollPane jQuery プラグインを使用しています。スクロール可能な領域にはいくつかのリスト項目要素があり、各リスト項目をクリックすると、中央から絶対位置に配置されたモーダル ボックスをトリガーして、すべてのスペースを埋める必要があります。とにかく、説明するのは難しいですが、これは問題ではありません。問題は、jQuery を介して負のトップ css 値 (下にスクロールするとき) を取得する必要があり、それを機能させることができないことです。.css() セレクターを使用しようとしましたが、たとえソースは異なることを示しています。何か案が ?
編集:
<div id="provider-menu">
<ul>
<li class="menu-item"> <h2> content here </h2>
<div class="more-info">
more info box here
</div>
</li>
<!-- More List Items Here -->
</ul>
</div><!-- end #provider-menu -->
<!-- Javascript -->
$("#provider-menu").jScrollPane();
// jspPane is added by the plugin
var topValue = $(".jspPane").css("top"); // returns 0px every time on scroll even if in the source is different.
HTML 構造を変更できないため、これを実行しようとしています。一番上に移動し、そこにあるものを確認するにはスクロールする必要があります。だから私はトップの負の値を取得し、マイナスを削除してトップの値を .more-info ボックスに設定することを考えていました。