jQueryでスクロールボックスを・・・

添付画像のような縦の自動スライドショーを作ったのですがスクロールボックスのバーがそのままなのが非常に気になります。
そこで自動スライドと共にスクロールバーもそのイメージに合わせて自動スクロールさせたいのですがどうすればいいでしょうか？プラグイン、もしくはＪavaScriptの記述例を教えていただけると幸いです。宜しくお願いします。


【一部ソース】
▼script
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000, true);
});
</script>

▼html
<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"></li>
：繰り返し
：
</ul>

<div id="fragment-1" class="ui-tabs-panel" >
<img src="img/no.jpg" alt="" width="250" />
<div class="info" >
<h2></h2>
</div>
</div>
：繰り返し
：
</div>

No.1 ベストアンサー 回答者： fujillin 回答日時： 2011/09/09 10:54

回答がないみたいなので…

画像のスクロールバーがどの要素のスクロールバーなのかよくわかりませんが、
右側のリストがul.ui-tabs-navだと仮定して、スクロールバーもそのul要素のものだとします。

＞もしくはＪavaScriptの記述例を
とのことなので、

ulの子要素（li）を単純に表示するだけでよければ、
　element.scrollIntoView(true/false);
みたいなことで表示できるはず。（elementは対象要素）

あるいは、直接スクロール量を調節して
　element.parentNode.scrollTop = element.offsetTop;
のような方法で。（ブラウザによって多少違うようですが）

ul要素でなくても、同じような方法で基本的にはできるはずです。
要素のスクロール量の制御のご参考に…
　http://slightlyblue.com/blog/2006/08/javascript_ …

この回答へのお礼

とても参考になり、助かりました。
ありがとうございました！

お礼日時：2011/09/11 01:57