爲什麼scrollTo（）方法不適用於iframe？

無論我做什麼，iframe都不會自動滾動到底部。我無法使scrollTo（）對iframe執行任何操作。我檢查了堆棧溢出處理類似問題的很多其他頁面。他們的解決方案都沒有爲我工作。很可能是我沒有正確實施它們的情況。爲什麼scrollTo（）方法不適用於iframe？

Scrolling an iframe with javascript? 在上面的文章中給出的工作示例實際上並不適用於我。不管我輸入到scrollTo（）方法中的數字是什麼都沒有改變。

<!DOCTYPE html> 
<html> 
<body> 

<div id="divy"> 
<iframe id='cat' src='test.html'></iframe> 
</div> 
<script> 
console.log(document.getElementById('cat')); 
document.getElementById("cat").onload = function() {  this.contentWindow.scrollTo(0, 200) }; 
conslole.log(document.getElementById("cat").onload = function() {  this.contentWindow.scrollTo(0, 200)) }; 
    //setInterval(function(){ document.getElementById("divy").innerHTML=" <iframe src='test.html'></iframe>"; }, 3000); 
</script> 
<body> 
</html>

編輯：我仍然不知道爲什麼另一篇文章的工作示例中的代碼不適合我。有人在該帖子的評論中提到，它也不適合他們。

來源

2015-08-31 cyclingLinguist

可能重複[滾動使用JavaScript的iframe？]（http://stackoverflow.com/questions/1192228/scrolling-an-iframe-with-javascript） – kittykittybangbang

感謝張貼的。我曾經見過它，並想參考其中的工作示例，但我不記得我在哪裏看過這個示例。 – cyclingLinguist

好吧，你在那裏！ :) – kittykittybangbang

我的前兩個問題是我不知道如何使用控制檯日誌，而且我有一個錯字。但我相信我的主要問題是，我從來沒有輸入足夠大的值來看到滾動條移動，所以認爲它不起作用。對於我加載150像素的文件大小太小了。下面的代碼適用於我。的

<!DOCTYPE html> 
<html> 
<body> 

<div id="divy"> 
<iframe id='cat' src='test.html'></iframe> 
</div> 
<script> 
console.log(document.getElementById('cat')); 
document.getElementById("cat").onload = function() {  this.contentWindow.scrollTo(0, 1000000) }; 

    //setInterval(function(){ document.getElementById("divy").innerHTML=" <iframe src='test.html'></iframe>"; }, 3000); 
</script> 
<body> 
</html>

來源

2015-08-31 01:07:02 cyclingLinguist

爲什麼scrollTo（）方法不適用於iframe？

回答

相關問題