jQuery mobile如何隐藏移动safari的地址栏？我想我需要一个类似的解决方案,但我不想使用jQuery mobile ...
我试过了:
http://davidwalsh.name/hide-address-bar
但这在我的情况下不起作用.
我身体的第一个孩子是一个绝对定位的div -webkit-overflow-scrolling: touch;
该-webkit-overflow-scrolling属性似乎导致此问题,没有该属性它工作正常.
部分问题是地址栏始终保持在前台,即使我每手向下滚动页面.这是绝对定位造成的.
但是,没有绝对定位,"-webkit-overflow-scrolling:touch;" 不起作用......
在使用jquery-mobile代码的thousends进行了一场大战之后,我最终得到了这个;)
解
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- viewport -->
<meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<style type='text/css'>
body {
background: #E0E0E0;
margin: 0;
padding: 0;
}
.page-wrapper {
width: auto;
}
/* native overflow scrolling */
.mobile-touch-overflow {
overflow: auto;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.mobile-touch-overflow,
.mobile-touch-overflow * {
/* …