CSS - 可視性を持つ要素：hiddenはスクロールしません。

Question

私はラッパーと、ラッパーの子要素としてインナーラッパーを持っています。内部ラッパーはラッパーの内部をスクロールし、可視性を隠す必要があります。

これは、コンピュータのブラウザで正常に動作します。しかし、モバイルブラウザでページを開くと、内部ラッパーはスクロールしません。

何が問題ですか？

HTML：

<div id="wrapper"> 
    <div id = "inner-wrapper"> 
    <div id = "circle"></div> 
    <div id = rectangle></div> 
    </div> 
</div> 
<button> 
    button 
</button> 

はCSS：

#wrapper{ 
    position: fixed; 
    top: 0px; 
    width: 1px; 
    height: 200px; 
    z-index: 99999999; 
} 

#inner-wrapper{ 
    width: 300px; 
    height: 200px; 
    overflow: auto; 
    z-index: 99999999; 
} 
#circle{ 
    height: 300px; 
    width: 300px; 
    border-radius: 100%; 
    background-color: black; 
    z-index: 99999999; 

} 
#rectangle{ 
    margin-top: 100px; 
    height: 200px; 
    width: 300px; 
    background-color: red; 
    z-index: 99999999; 

} 
button{ 
    z-index: 1; 
    background-color: white; 
} 

https://jsfiddle.net/934v8g69/

Answer 1

あなたは次のプロパティを使用して検討してください。

-webkit-overflow-scrolling: touch; 

も設定してください：

overflow:scroll;