純HTML滾動問題和溢出：本機Android瀏覽器中的自動

Question

一個簡單的HTML頁面在帶有div-y：auto的另一個div的內部包含一個div-y：auto的div。 此頁面在帶有IOS Safari和Android Chrome瀏覽器的觸摸設備上正常滾動。

但是，如果我在本機Android v.4.0到4.3的瀏覽器中打開同一頁面並滾動外部div，則內部div不會與其余內容同步移動，僅在經過一些延遲后才會跳至其位置。

如果內部div溢出-x：自動，也會發生同樣的情況。

示例頁面： http ： //jsbin.com/cojoluwo/1/

該代碼如下所示：

<!DOCTYPE html>
<html><head>
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
    <title>test</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #content {
            height: 100%;
            overflow-y: auto;
        }
        #scroller{
            height: 100px;
            overflow-y: auto;
            width: 200px;
            border: 1px solid red;
        }
    </style>

</head>
<body class='sapUiBody'>
    <div id='content'>
        <div>
            <p> some text 
                    ......
            <p> some text 
            <div id=scroller>
                <p>internal text
                            ...........
                <p>internal text
            </div>
            <p> some text 
                    ...........
            <p> some text 
        </div> 
    </div>
</body>
</html>

是蟲子嗎？ 如果是，是否有任何解決方法？

Answer 1

不需要這個：

#content {
  height: 100%;
  overflow-y: auto;
}

在移動設備上具有設置overflow另一個可滾動div中具有設置overflow div在移動設備上不是一個好主意，並且由於#content的css屬性是多余的且無用，因此您可以安全地刪除它們並將其正常工作

http://jsbin.com/cojoluwo/5

純HTML滾動問題和溢出：本機Android瀏覽器中的自動

問題描述

1 個解決方案

解決方案1
1 2014-06-20 15:06:52

純HTML滾動問題和溢出：本機Android瀏覽器中的自動

問題描述

1 個解決方案

解決方案1 1 2014-06-20 15:06:52

解決方案1
1 2014-06-20 15:06:52