這是工作:jquery animate scoll不能在iframe中工作?
$('html, body').animate({scrollTop:0});
但它不是,如果我使用它的Facebook-Tab鍵在裏面! 如果這是太少的信息來回答這個問題,我想出了一些更多的細節給你。
可能是因爲iframe?我用我的Facebook-Tab(容器div)中的另一個選擇器嘗試了它,但它不工作。
這是工作:jquery animate scoll不能在iframe中工作?
$('html, body').animate({scrollTop:0});
但它不是,如果我使用它的Facebook-Tab鍵在裏面! 如果這是太少的信息來回答這個問題,我想出了一些更多的細節給你。
可能是因爲iframe?我用我的Facebook-Tab(容器div)中的另一個選擇器嘗試了它,但它不工作。
問題是IFrame(Javascript:窗口)正好是文檔的大小。所以沒有什麼可滾動的。當你要滾動,您必須使用FB.Canvas *方法:
https://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/
嘗試$('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>
多數民衆贊成它!...非常感謝 – ggzone 2012-01-04 09:14:31