Question

我有一个框架，我正在加载一个网站，例如yahoo.com。现在问题是我不想要默认的滚动条。我有两个链接，如'UP'和'DOWN'，用于滚动内容。

请告诉我如何实现这一目标。

守则就像这样

<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>

Answer 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元素中。

Answer 2

您需要在CSS中为iframe类提供以下内容，以便让垂直滚动条消失：

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

滚动IFRAME的内容

2 个答案: