2010-09-23 100 views
0

我在我的頁面的iframe,我想創建一個按鈕,當我按下它在iframe向下滾動頁面...jQuery的IFRAME滾動

誰能幫助?

回答

0

我相信這篇文章回答它比我以往任何時候都願意 - http://flesler.blogspot.com/2007/10/jqueryscrollto.html

讓我解釋:

我以前用過flesler圖書館爲了同樣的目的(滾動一個Facebook應用程序中的iFrame,同或多或少地處理),它真的很漂亮。鏈接的文章解釋瞭如何使用scrollTo的幾個詳細情況,並且它很好地工作。

+0

我很快查過了,謝謝。我需要下載一個plygin嗎? – Xara 2010-09-23 13:18:31

+0

我也很感激,如果你能給我一個例子......我沒有看到你給我的鏈接中的任何東西!在此先感謝 – Xara 2010-09-23 13:19:13

+0

如果您提供用於滾動iframe的代碼,這將很有用,因爲示例頁面不包含用於滾動iframe的示例,並且它似乎不符合標準方式。 – 2012-07-31 16:17:19

0

您可以使用scrollTo和scrollBy方法使用Javascript滾動iFrame。這之前已經在這裏討論,得到的答覆也有一個簡單的例子:

How to Scroll an iFrame using javascript

+0

自認倒黴代碼工作... – Xara 2010-09-23 17:54:02

0

要使用flesler,你可以做

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

我有這樣的代碼,並試圖使用flsler – Xara 2010-09-23 18:03:36

+0

«
Xara 2010-09-23 18:04:07

+0

這是否適合您? – mplungjan 2010-09-24 09:17:29

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

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

     return false; 
    }); 

此代碼前我。該框架的ID和名稱是theframescrollbut是向下滾動框架的div。注意:框架的寬度和高度不能以百分比(多數民衆贊成我想要做),因爲在百分比它不起作用。