2011-08-29 14 views
1

我有这样的代码如何在处理程序中自动滚动到iframe的中心?

<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,并使用类似的模态类,我不知道参数将在哪里出现,甚至不知道什么参数会去。我尝试了一些没有成功。

感谢

回答

-1

你的问题是不清楚....你需要滚动到一个按钮,点击页面上的一个点?如果如果要对齐的iframe到中央,使用自动滚屏/ 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> 

,使用一个表,例如:

<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> 
相关问题