この擬似フレームをjavascriptでスクロールさせる事はできますか?
自分で試したところ、scrollByは上位オブジェクトはwindowのみのようで、できませんでした。何かいい方法があったら教えてください。
http://www.microsoft.com/japan/developer/library/jpisdk/dhtml/me...
MSDN Online Japan : File Not Found
大雑把なサンプルですが。(Win版 IE Firefox Operaでは動きました。Safariとかはわかりません。)
<html>
<head>
<title>Scroll Test</title>
<style type=”text/css”>
<!--
#d1{
width:200px;
height:80px;
overflow:auto;
border:1px solid #ccc;
}
-->
</style>
<script type=”text/javascript”>
<!--
var ScrollValue = 16;
function Dscroll(TargetID,Flag){
Target = document.getElementById(TargetID);
if(! Target) return;
if(Flag>0)Target.scrollTop+=ScrollValue;
else if(Flag<0)Target.scrollTop-=ScrollValue;
}
//-->
</script>
</head>
<body>
<div id=”d1”>
<p>テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
</div>
<p><input type=”button” value=”▲” onclick=”Dscroll(’d1’,-1)”>
<input type=”button” value=”▼” onclick=”Dscroll(’d1’,1)”></p>
</body>
</html>
※横スクロールさせるには scrollLeft を変更します。
http://webmaster.hatena.ne.jp/1109577539
人力検索はてな - DIV ID=”Layer1” STYLE=”position:relative; overflow: auto; height:100;”>として div タグでoverflow: scroll; を使いはみ出た部分をスクロールするようにしているの..
同じ質問が以前に出てますね。
おお、本当ですね。
できました!リロードしてもスクロール位置が保持されるのが素敵ですね!
ところで、はてなは’と”が全角に置換されるようでちょっと使いづらいですね。