如何滚动到顶部并加载iframe

Question

我有一个我正在复习的一些书的图片库。当有人点击页面上的一本书时，我会在顶部有一个iframe，我已将我的属性定位为加载该书的评论。

<iframe height="300px" width="100%" src="" name="iframe_reviews"></iframe>
<li class="one_quarter"><a href="b_reviews/book4.html" target="iframe_reviews"><img src="b_reviews/images/book4.jpg"></a></li>

该代码运行良好。我遇到的麻烦是我有几本书在书页上。这意味着你需要向下滚动查看书籍，如果你点击一本书，它会加载到iframe中，但你无法判断它有。。。你仍然停留在页面的底部。

点击链接后，是否有任何方法可以将目标锁定为_top，以便书评加载到iframe中，页面同时滚动回顶部？非常感谢。

Answer 1

您应该能够使用Javascript函数和DOM属性"scrollTop"来执行操作。只需为将属性设置为0(document.body.scrollTop=0(的链接分配一个Javascript函数(使用"onClick"事件，因此在单击链接时会调用该函数(。

HTML:

<a href="b_reviews/book4.html" target="iframe_reviews" onclick="scrollToTop()">...</a>

Javascript：

function scrollToTop() {
document.body.scrollTop = 0;
}

作为一种选择，您可以只为标记分配一个id，并使用函数getElementById。

HTML:

<a href="b_reviews/book4.html" target="iframe_reviews" id="book">...</a>

Javascript：

document.getElementById('book').onclick = function(){
document.body.scrollTop = 0;
};