jScrollPaneを実装しようとしています。しかし、コンソールでいくつかのエラーが発生しています。それらはすべてですTypeError: $drag[0] is undefined. maxY = trackHeight - $drag[0].offsetHeight;
Scrollpaneはdivを認識しています-jScrollPaneScrollableでラップし、標準のブラウザースクロールバーを削除します-しかし、スクロールバーを適用したり、スクロールを許可したりしないと、コンソールに上記のエラーが表示されます。
私のHTML:
<div id="homePageOffersWindow">
<div class="homePageOffersContainer">
<div class="homePageOfferBlock">
<h3>HELI HIKES</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </p>
<p><strong>Save $23 per person</strong></p>
<div class="clear"></div>
<a href="#" class="stdButton whiteBlue">MORE DETAILS</a>
</div>
<div class="homePageOfferBlock">
<h3>HELI HIKES</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </p>
<p><strong>Save $23 per person</strong></p>
<div class="clear"></div>
<a href="#" class="stdButton whiteBlue">MORE DETAILS</a>
</div>
</div>
</div>
jQuery:
$('#homePageOffersWindow').jScrollPane();
CSS:
#homePageOffersWindow{height: 200px; overflow: auto}
.homePageOffersContainer{}
.homePageOfferBlock{margin:0 0 20px;}
.homePageOfferBlock:last-child{margin-bottom: 0}
何か案は?