0

content-div 内のテキストがスクロール可能であるという問題があります。iOS 6 と iPhone 4 で発生し、ネイティブ タイトルが設定されている場合にのみ発生します。

ビデオ: http://www.youtube.com/watch?v=8ARaDQzBqOM

デモ：

<!DOCTYPE html> 
<html>
    <head>
    <script>
    forge.topbar.setTitle('Test App', function() {
        forge.logging.log("Topbar image set");
        }, function(e) {
        forge.logging.log("Topbar image error: " + e);
    });
    </script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Single page template</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head> 

<body> 
    <div data-role="page">
        <div data-role="content">   
            <p>this text is scrollable</p>
        </div>
    </div>
</body>
</html>
4

1 に答える 1

1

CSS を使用して、すべての要素のマージン、パディング、ボーダーをすべてリセットしてみてください。クロージングの直前にこれを追加します</head>：

<style type="text/css">    
  * { /* reset */
    margin: 0;
    padding: 0;
    border: 0;
  }
</style>
于 2012-10-16T07:08:09.113 に答える