アンカー座標の取得ができず、スクロールしない。
Q&Aサイトを作成しています。
Q1の答えにある「こちら」をクリックしたら、Q20の答え部分を表示させるように作成しています。
実際には質問数が多く、Q20の答え部分までスクロールさせたいので、
アンカーを設定した座標を y = obj.offsetTop; で取得しているつもりなのですが、
うまくスクロールされません。
どこが間違っているのか教えて頂けないでしょうか？
よろしくお願いします。
<script type="text/javascript">
<!--
function ShowAanswer(n) {
var target = document.getElementById('answerbox'+n);
if( target.style.display != "block" ) {
target.style.display = "block";
}
else {
target.style.display = "none";
}
}
function AnswerOpen(id_place){
obj = document.getElementById(id_place).click();
y = obj.offsetTop;
scrollTo(0,y);
}
// -->
</script>
<title>TEST</title>
</head>
<body>
<dl>
<dt onclick="ShowAanswer(1)">Q1. 質問</dt>
<dd id="answerbox1" onclick="ShowAanswer(1)">Q1の答え<br /><a href="JavaScript:AnswerOpen('kotae')">こちら</a>を参照してください。</dd>
</dl>
<dl>
<dt onclick="ShowAanswer(2)">Q2. 質問</dt>
<dd id="answerbox2" onclick="ShowAanswer(2)">Q2の答え</dd>
</dl>
<dl>
<dt onclick="ShowAanswer(3)">Q3. 質問</dt>
<dd id="answerbox3" onclick="ShowAanswer(3)">Q3の答え</dd>
</dl>
<dl>
<dt onclick="ShowAanswer(4)">Q20. 質問</dt>
<dd id="answerbox4" onclick="ShowAanswer(4)"><a id="kotae">Q20の答え</a></dd>
</dl>
</body>
</html>
