ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Javascript > レイヤー内のコンテンツをスクロールさせる
2006年06月30日 22:31
2049日前に投稿

レイヤー内のコンテンツをスクロールさせる

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

collage1.jpg


ソースは以下の通り。

<div id="sample_container" style="overflow: scroll; height: 300px; width: 400px;">
<div id="sample_content">
<img alt="collage1.jpg" src="http://blog.fkoji.com/blogimg/collage1.jpg" width="1024" height="768" />
</div>
</div>
<input type="button" value="UP" onClick="document.getElementById("sample_container").scrollTop -= 60;" />
<input type="button" value="DOWN" onClick="document.getElementById("sample_container").scrollTop += 60;" />
<input type="button" value="LEFT" onClick="document.getElementById("sample_container").scrollLeft -= 60;" />
<input type="button" value="RIGHT" onClick="document.getElementById("sample_container").scrollLeft += 60;" />

スポンサード リンク

Written by
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: レイヤー内のコンテンツをスクロールさせる:

» [メモ]overflow:scroll; from corns blog
[CSSのTips忘れないうちにメモ] overflow:の値にscrollを指... [詳しくはこちら]

Javascript

English version

前のエントリー: « そろそろlivedoor Readerに移行したいけど
次のエントリー: 達人の仕事術的プロフィール »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: