为什么ios的微信html5网页,会出现这种出界状况,

wocaonima332 2016-05-26 10:19:03
content 还没有滚到底部,就已经出现出界了,滚动很卡。
请使用 苹果的微信客户端 访问。
代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

<title></title>


<style>
#wrapper{
width:100%;
height:100%;
position:fixed;
}
#title{
position:static;
width:100%;
height:10%;
background-color:blue;
z-index:40;

}
#content{
width:100%;
height:90%;
overflow:scroll;
position: absolute;
top: 10%;
}
</style>

</head>
<body >
<div id="wrapper">
<div id="title"></div>

<div id="content">
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P>
<P>nihao jd lj </P><P>nihao jd lj </P>
<P>nihao jd lj </P>

</div>
</div>


</body>
</html>
...全文
276 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
cchvsgame 2016-05-28
  • 打赏
  • 举报
回复
用style='posiition:absoult"可能会好吧

29,031

社区成员

发帖
与我相关
我的任务
社区描述
主要讨论与iOS相关的软件和技术
社区管理员
  • iOS
  • 大熊猫侯佩
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧