ajax tabbing jqueryを使用する5月のWebページでjquery nicescroll ( http://areaaperta.com/nicescroll/ )を使用しています。
news.html を呼び出してロードする main.php ページがあります。
main.php
<nav>
<ul>
...
<li><a href="news.html">News</a></li>
...
</nav>
<section id="cont1">
...
</section>
<section id="cont2" style="display:none">
</section>
ajax-load.js
$(document).ready(function() {
$("ul li a").click(function() {
;
$("section#cont2").fadeIn(200).siblings().hide();
$("ul li a").removeClass('current');
$(this).addClass('current');
$.ajax({ url: this.href, success: function(html) {
$("section#cont2").empty().append(html);
}
});
return false;
});
news.html css
#content-scroll{
height:500px;
overflow-y: scroll;
}
this my news.html
<script type="text/javascript" src="assets/js/jquery.nicescroll.js"></script>
<script>
$(document).ready(function() {
$("#content-scroll").niceScroll({cursorcolor:"#000",background:"#ccc",autohidemode:false});
});
</script>
<div id="content-scroll">
.... long text ....
</div>
私の問題は、ライブでnews.htmlを呼び出すと、デフォルトのスクロールが最初に表示され、その後jqueryのnicescrollに表示されることです。
デモではデフォルトのスクロールが表示されませんでした。これは ajax タブの jquery が原因だと思います。
デフォルトのスクロールが表示されず、代わりにjqueryのnicescrollが高速にロードされる方法はありますか?