прокручивать содержимое IFRAME

#jquery #jquery-plugins

#jquery #jquery-плагины

Вопрос:

У меня есть фрейм, на котором я загружаю веб-сайт, например yahoo.com . Теперь вопрос в том, что я не хочу использовать полосу прокрутки по умолчанию. у меня есть две ссылки типа «ВВЕРХ» и «ВНИЗ» для прокрутки содержимого.

Не могли бы вы, пожалуйста, сообщить мне, как этого добиться.

Код выглядит следующим образом

 <html>
<body>
<div id="previewBack">
    <div id="previewWrapper">
    <iframe src="http://www.qrr.mobi/?q=uelqqbvi" frameborder="0" id="frame" 

 onmouseover="this.className='scroll'" onmouseout="this.className='noscroll'" 

 class="noscroll"></iframe>

   </div>
<a href="#">UP</a><a href="#">DOWN</a>
</div>
 </body>
<html>
  

Ответ №1:

JScrollPane сделает это.

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

На демонстрационной странице показаны некоторые ссылки «scrollTo», подобные тем, о которых вы спрашиваете…

http://www.kelvinluck.com/assets/jquery/jScrollPane/scrollTo.html


Редактировать:

Вы используете jQuery, поэтому вам не нужен встроенный JavaScript «onmouseover и т.д.» В вашем элементе iFrame.

Комментарии:

1. В обоих примерах вместо Iframe используется Div.

2. @Raj: iframe или div… это не имеет значения. Этот плагин предназначен для полос прокрутки в любом месте.

Ответ №2:

Вам нужно иметь следующее в CSS для класса iframe, чтобы убрать вертикальные полосы прокрутки:

 .noscroll{
  clear:both;
  overflow:hidden; 
}
  

Комментарии:

1. да, у меня это есть. Но мой вопрос в том, как прокручивать это содержимое без полосы прокрутки