如何在处理程序中自动滚动到 iframe 的中心？答案

【问题标题】：How to scroll automatically to the center in iframe within a handler?如何在处理程序中自动滚动到 iframe 的中心？
【发布时间】：2011-11-06 00:18:49
【问题描述】：

我有这个代码

<a href="index.php?option=com_surveys&amp;Itemid=120&amp;act=view_survey&amp;survey=1:basic-survey" class="modal" rel="{handler: 'iframe', size: {x: 680, y: 500}}">Click here</a>

我需要使用这段代码，没有办法。我已经疯狂地寻找一种方法来让这个代码将 iframe 滚动到页面的中间。请帮忙。我从来没有在处理程序中使用过 iframe，也没有使用过这样的模式类，我不知道参数会去哪里，甚至不知道参数会去哪里。我尝试了一些没有成功。

谢谢

【问题讨论】：

标签： html iframe handler href autoscroll

【解决方案1】：

您的问题不清楚....您是否需要通过单击按钮滚动到页面上的某个点？如果是这样，请使用 scrollWindow/scrollTo 功能，例如：

<html>
<head>
<script type="text/javascript">
function scrollWindow()
{
window.scrollTo(100,500);
}
</script>
</head>
<body>

<input type="button" onclick="scrollWindow()" value="Scroll" />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>

</body>
</html>

如果要将 iframe 对齐到中心，请使用表格，例如：

<body> 
<table width="100%" height="100%"> 
  <tr align="center"> 
    <td align="30px"> 
         <div id="iframe" style="position:relative;overflow:hidden;width:100%; height:100%;">
         Insert iframe code here</div>

    </td> 
  </tr> 
</table> 

</body>

【讨论】：