Как автоматически прокрутить центр в iframe в обработчике? - PullRequest
Новая
       35

Как автоматически прокрутить центр в iframe в обработчике?

1 голос
/ 29 августа 2011

У меня есть этот код 

<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 в обработчике и используя модальный класс как этот, я не знаю, куда пойдут параметры или даже какой параметр пойдет.Я попробовал несколько без успеха.

спасибо

1 Ответ

0 голосов
/ 24 октября 2011

Ваш вопрос неясен .... вам нужно прокрутить до точки на странице одним нажатием кнопки? Если это так, используйте функцию 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>
...