2012-01-02 90 views
0

這是工作:jquery animate scoll不能在iframe中工作?

$('html, body').animate({scrollTop:0}); 

但它不是,如果我使用它的Facebook-Tab鍵在裏面! 如果這是太少的信息來回答這個問題,我想出了一些更多的細節給你。

可能是因爲iframe?我用我的Facebook-Tab(容器div)中的另一個選擇器嘗試了它,但它不工作。

回答

0

嘗試$('body').animate({scrollTop:0});或插入一個DIV到您的DOM和使用$('#some_div_id').animate({scrollTop:0});

或者試試這個代碼後你的用於測試目的,一旦你的下面的代碼的工作,然後慢慢在自己的內容添加到它打破。我已驗證scrollTop:0將在頁面選項卡上正常工作。

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script> 
    function gotoTop() { 
    $('body').animate({scrollTop:0}); 
    } 
</script> 
</head> 
<body> 
    <div id="top-div" style="width:300px; height: 800px; padding: 30px 10px; background-color: #eeaaaa;"> 
    This is top-div 
    </div> 

    <div id="bottom-div" style="width:300px; height: 100px; padding: 30px 10px; background-color: #aaeeaa;"> 
    This is bottom div 
    <a href="javascript:gotoTop()">goto top</a> 
    </div> 

</body> 
</html> 
+0

正如我所說的...有一個額外的div沒有結果滾動:(...還單獨體心不是做任何 – ggzone 2012-01-03 10:09:28

+0

很難嘗試撲滅我看不到的錯誤,你至少可以給出一些你正在使用的代碼的提示嗎?或者試試我的上面的代碼,看看它是否適用於你。 – DMCS 2012-01-03 16:38:58