Question

我有一个问题，即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>

Answer 1

您可能想尝试使用CSS重置所有元素的所有边距，填充和边框。在结束</head>之前添加此权限：

<style type="text/css">    
  * { /* reset */
    margin: 0;
    padding: 0;
    border: 0;
  }
</style>

Trigger.io topbar jQuery Mobile iOS bug

1 个答案: