javascriptの質問。


下記のソースでdown.gifにマウスオーバーするとdiv内がスクロールしていきます。
しかし、スクロールが終わってもマウスオーバーしているとずっとyの値が増えてしまいます。
スクロールが終わった時点でyの値も止めたいのですがどうしたらよいでしょうか?
div内の高さが出せればいいような気もするのですが、方法がわかりません。これもあわせてお願いします。

<html>
<head>
<script language="JavaScript">
var timeout;
var y = 0;
var step = 2;
function down(){

if (y < 0){
y=0;
}
document.getElementById("hoge").scrollTop = y;
window.status = y; //テスト用

y = y + step;

timeout=setTimeout("down()",20);
}

function up(){
if (y >=0 ){
document.getElementById("hoge").scrollTop = y;
window.status = y; //テスト用
y = y - step;
}
timeout=setTimeout("up()",20);
}

function stop1(){
clearTimeout(timeout);
}


</script>
</head>
<body>
<img src="up.gif" onMouseOver="up()" onMouseOut="stop1();">
<img src="down.gif" onMouseOver="down()" onMouseOut="stop1();">

<div style="width:150px;height:200px;overflow:hidden;border:1px solid;" id="hoge">
a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>l<br>m<br>n<br>
o<br>p<br>q<br>r<br>s<br>t<br>u<br>v<br>w<br>x<br>y<br>z<br>
</div>
</body>
</html>

回答の条件
  • 1人10回まで
  • 登録:2006/09/06 11:28:46
  • 終了:2006/09/06 11:59:18

ベストアンサー

id:talepanda No.1

talepanda回答回数57ベストアンサー獲得回数122006/09/06 11:41:33

ポイント60pt
function down(){
if (y < 0){y=0;}
var e=document.getElementById("hoge");
if(e.scrollTop<e.scrollHeight-e.offsetHeight){
e.scrollTop = y;
window.status = y;
y = y + step;
timeout=setTimeout("down()",2);
}
}
id:pipi_n

まさにこれです!!

ありがとうございました!!!

2006/09/06 11:58:56

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません