2

这是一个棘手的问题。.

我有一个网页（称为 PageA），它有一个标题，然后只包含一个 iframe。让我们在 iframe PageB 中调用页面。PageB 只是有一堆缩略图，但有很多，所以你必须在 PageA 上向下滚动才能查看它们。

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

无论如何，当我单击 iframe 内页面上的链接时，外部页面滚动条会回到顶部

谢谢，阿克

4

3 回答 3

6

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

在外页中，定义一个滚动条函数：

<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 内容可以很高兴地位于另一个域中 - 没有跨站点脚本问题）。

于 2009-03-08T19:00:21.930 回答
1

Javascript 是你最好的选择。您可以使用scroll() 方法向上滚动到 IFRAME 的顶部。在正文加载中添加一个 javascript 处理程序，以便每次单击缩略图时，调用一个调用 scroll() 的函数来向上滚动。

于 2008-11-06T16:55:58.377 回答
0

我花了相当多的时间试图弄清楚如何从我正在调用的 PHP 代码中（从父 ASP.NET 页面中）滚动到 iframe 的顶部。我从来没有想过我可以使用相同的 javascript 滚动到顶部，但在 iframe 的 onload 事件中。谢谢！

于 2009-06-14T05:34:29.523 回答