2011-07-15 6 views
0

私は長いul要素をliで埋めました。水平スクロールが有効になっているので、同時に表示されるのは<li>です。スクロールエリア内のセンタリング要素

<ul id="longScrollableDiv"> 
    <li><a href="centerMe()">CenterMe</a></li> 
    <li><a href="centerMe()">CenterMe</a></li> 
    <li><a href="centerMe()">CenterMe</a></li> 
    <li><a href="centerMe()">CenterMe</a></li> 
</ul> 

私はcenterMe()はDIVの現在表示領域で選択するので、可能な場合、ビューの中心になるであろう選択中央たいです。 どうすれば入手できますか? scrollIntoView()は要素を中央に配置しません。可能であれば、私はjQueryのアプローチを望みません。

答えて

0

ヨールは、実施例のコードは、[この]に変更する必要がありますhere

+0

とIE7とIE6のために特別であるこの

target.parentNode.scrollTop = (target.offsetTop - target.parentNode.offsetTop) - Math.round(target.parentNode.offsetHeight/2) + Math.round(target.offsetHeight/2) ; 

ような何かを、すべてのリスト項目のためのonclickハンドラを追加する必要があります( http://jsfiddle.net/TfVTz/7/)(i6とie7でのみ正常に動作します) –