asp.net IFrame 滚动条推到顶部。 .

Question

这是一个棘手的问题。 .

我有一个网页(称为 PageA)，它有一个 header ，然后只包含一个 iframe。让我们调用 iframe PageB 中的页面。 PageB 只是有一堆缩略图，但数量很多，因此您必须在 PageA 上向下滚动才能查看所有缩略图。

当我向下滚动到页面 B 的底部并单击缩略图时，它看起来像是将我带到一个空白页面。实际发生的是它调出图像，但由于只有图像的页面高度要短得多，滚动条保持在同一位置并且不会针对它进行调整。我必须向上滚动到页面顶部才能查看图片。

当我点击 iframe 内页面上的链接时，外部页面滚动条会回到顶部

谢谢，啊

Answer 1

@mek 在尝试了各种方法之后，我找到的最好的解决方案是:

在外层页面，定义一个scroller函数:

<script type="text/javascript">
  function gotop() {
    scroll(0,0);
  } 
</script>

然后当您定义 iframe 时，设置一个 onload 处理程序(每次加载 iframe 源时触发，即每当您导航到 iframe 中的新页面时)

<iframe id="myframe" 
    onload="try { gotop() } catch (e) {}" 
    src="http://yourframesource"
    width="100%" height="999"
    scrolling="auto" marginwidth="0" marginheight="0" 
    frameborder="0" vspace="0" hspace="0" >
</iframe>

这种方法的好处在于它意味着您不需要对 iframe 中包含的页面进行任何更改(并且 iframe 内容可以愉快地位于另一个域中 - 没有跨站点脚本问题)。