ネットサービスの開発に役立ちそうな話題を中心にお届けします。
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を指... [詳しくはこちら]

トラックバック時刻: 2006年07月14日 13:09

Javascript

English version

2006/06/30 22:31:50 by F.Ko-Ji
コメント (0) トラックバック (1) Javascript

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

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

タイトル:

URL:

リンク用HTMLタグ: