じゃんぬねっと日誌

ニセくさい(笑) サイトです。

スポンサードリンク

運営サイト

• 

Blog Item

• 還元率でクレジットカード比較

コメントを追加

# re: 指定の DIV だけスクロールさせたい 2006/01/08 1:27 じゃんぬ

スクロールさせた後に、scrollTo(0, 0) とやれば、
本体の Window は元の位置に戻るので目的は達成できますが、
やはり多少ちらつきますね...

# re: 指定の DIV だけスクロールさせたい 2006/01/08 10:58 じゃんぬ

だめだー、IE ですら、タイミング次第でスクロールがおかしくなる... orz
フレーム使っていれば楽勝なんだろうけど、フレームは使いたくないから... (^^;)

# re: 指定の DIV だけスクロールさせたい 2006/01/08 11:00 ぢ

こういうこと？

<SCRIPT language="JavaScript">
<!--
function hoge(index)
{
menu.scrollTop = list.children(index).offsetTop;
}
//-->
</SCRIPT>
<DIV id="menu" style="float:left; width:200px; height: 100px; overflow: scroll; border: 1px solid black;">
<UL id="list">
<LI>ほげ１<LI>ほげ２<LI>ほげ３<LI>ほげ４<LI>ほげ５<LI>ほげ６<LI>ほげ７<LI>ほげ８<LI>ほげ９<LI>ほげ１０
</UL>
</DIV>
<DIV style="width: 100%; height: 200%; border: 1px solid blue;">&nbsp;</DIV>
<INPUT type="text" id="txtIndex" value="9" size="2"><BUTTON onclick="hoge(parseInt(txtIndex.value));">スクロール</BUTTON><BR>

# re: 指定の DIV だけスクロールさせたい 2006/01/08 11:09 ぢ

さっきのコード、Firefox1.5じゃ動かないっぽ
Operaなら大丈夫だったんだけどねー
あかん orz

# re: 指定の DIV だけスクロールさせたい 2006/01/08 12:21 じゃんぬ

offsetTop って event オブジェクトでないと Valid じゃないような...

# re: 指定の DIV だけスクロールさせたい 2006/01/08 12:24 じゃんぬ

あ、object.offsetTop の方ですね。

# re: 指定の DIV だけスクロールさせたい 2006/01/08 12:44 じゃんぬ

しょーぢさんありがとう!! (^o^*)
FireFox でも一応できましたよ。

ただ、位置がおかしいみたいですけど...

この辺りで確認してみると良いです。
ttp://jeanne.wankuma.com/tips/string/substring.html

# re: 指定の DIV だけスクロールさせたい 2006/01/09 0:56 ぢ

おー、良かった良かった
なんでうちのFirefoxでビクともしなかったんだろ
・・・あー、HTMLの組み方かな

兎にも角にもお役に立てて良かったです

# re: 指定の DIV だけスクロールさせたい 2006/01/09 12:05 じゃんぬ

IE, FireFox, Opera で動けば文句なしですよ。
本当に助かりました。(*_ _)

あの後、もう少し改良を加えて、
スクロールしている瞬間が見えないようにしました。(^-^*)

ただ、parentNode.offsetTop の値が相違しちゃうのが判りません。
同じ親ノードを見ているハズなんですけど、IE が視覚テーマの影響を受けるからかなぁ。

タイトル
名前
URL
コメント
名前をブラウザに記憶する