2015-11-08 60 views
0

例子:jsfiddle滾動屬性不iframe的工作

HTML:

<iframe id="frame" scrolling="no"></iframe> 

JS:

frame.contentWindow.document.write('scroll</br><div style="width:100px;height:100px;"><canvas id="cv"></canvas></div>'); 
var cv = frame.contentWindow.document.body.childNodes[2].childNodes[0]; 
var context = cv.getContext("2d"); 
cv.height = cv.width = 500; 
context.fillStyle = "red"; 
context.rect(0, 0, 500, 500); 
context.fill(); 

爲什麼沒有在Android 4.2這一工作(也許在其他人) ?爲什麼滾動iframe時滾動=「no」? 沒有畫布,完美的作品。

回答

0

請注意,從HTML5中刪除了iFrame的scrolling="no"屬性。也就是說,唯一真正可靠的避免在iFrame中滾動的方法是構建一個最大的內容,就像iFrame本身一樣。

我的經驗表明,即使在儘可能多的瀏覽器上檢查結果,它總是會顯示滾動條的配置....