レイヤー内のコンテンツをスクロールさせる
ソースは以下の通り。
<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;" />
<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;" />
著者について
コメントを残す