iPad的滾動IFRAME

我盡力了無障礙的東西重新創建此之上。我有運行ios7一個iPad mini和正在使用類似於此：iPad的滾動IFRAME

<div id="holder"> 
    <iframe height="100%" width="100%" src="http://www.cnn.com" id="iframe"></iframe> 
</div> 

#holder { 
    height:500px; 
    width:100%; 
    overflow:scroll; 
    -webkit-overflow-scrolling: touch; 
}

見琴： http://jsfiddle.net/khJgY/4/

現在的問題是，在iframe滾動工作正常。但是如果你改變了焦點（比如說到其他HTML/CSS/JS編輯框之一），iframe會回滾到左上角，我不知道爲什麼。

任何幫助，將不勝感激。

來源

2014-01-24 lilwupster

下面的CSS固定對我來說。（source）

在內的iframe：

html, body 
{ 
    width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; 
}

來源

2016-01-13 14:58:14 mattrowsboats

以下CSS固定對我來說：

html, body 
{ 
    height: 100%; 
    padding-bottom: 1px; 
}

來源

2014-05-15 07:44:24 lloiser

我只是碰到了這個問題我自己。我發現這是一個錯誤，其中某些CSS使瀏覽器跳轉到頁面的頂部，但僅在某些情況下（如窗體和iframe）。對我來說，我發現當按鈕被激活時應用一個盒子陰影就會發生這種情況。爲了解決這個問題，我通過設置box-shadow：none;來讓效果不會在小屏幕上觸發。

來源

2015-06-03 15:32:42

iPad的滾動IFRAME

回答

相關問題