jquery iframe scroll

I have an iframe in my page and i want to create 开发者_StackOverflow社区a button that when i press it the page in the iframe scrolls down...

Can anyone help?

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

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

      return false;  
  });

This code works fore me. The frame's id and name is theframe and the scrollbut is a div to scroll down the frame. Notice: the frames width and height must not be in percentage (thats what i wanted to do) because in percentage it doesnt work.

I believe this article answers it better than I ever would - http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Let me elaborate:

I've used flesler's library before for the same purpose(scrolling an iFrame inside a facebook application, same deal more or less) and it's honestly beautiful. The linked article explains several detailed situations in how you'd use scrollTo, and it works nicely.

You can scroll an iFrame using Javascript with the scrollTo and scrollBy methods. This has been discussed here before, and the answer there has a simple example:

How to Scroll an iFrame using javascript

To use flesler, you can do

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