jquery iframe滚动

Question

我的页面中有一个iframe，我想创建一个按钮，当我按下它时，iframe中的页面向下滚动...

有人可以帮忙吗？

Answer 1

  $("#scrolldownbut").click(function()
  { 
      var q=$("#theframe").scrollTop();

      q=q+100;
      $("#theframe").scrollTop(q);

      return false;  
  });

此代码适用于我。框架的ID和名称为theframe，scrollbut为向下滚动框架的div。注意：框架的宽度和高度不得为百分比（这就是我想要做的事情），因为百分比不起作用。

Answer 2

我相信这篇文章比我以前更好地回答 - http://flesler.blogspot.com/2007/10/jqueryscrollto.html

让我详细说明：

我之前使用flesler的库是出于同样的目的（在facebook应用程序中滚动iFrame，或多或少相同的交易）并且它真的很漂亮。链接的文章解释了如何使用scrollTo的几个详细情况，并且它运行良好。

Answer 3

您可以使用带有scrollTo和scrollBy方法的Javascript滚动iFrame。这在前面已经讨论过了，答案有一个简单的例子：

How to Scroll an iFrame using javascript

Answer 4

要使用flesler，您可以

<div id="pane-target" class="pane">
  <iframe style="width:1000px; height:1000px" src="MyInformation.html"></iframe>
</div>