ios 下在键盘弹起时fixed元素随页面滚动

最新推荐文章于 2021-12-31 15:34:37 发布

六_羽

最新推荐文章于 2021-12-31 15:34:37 发布

阅读量3.4k

点赞数

分类专栏： css 文章标签： ios fixed

本文链接：https://blog.csdn.net/qq_26536483/article/details/81478858

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

问题是这样的，

原来的页面布局：

<body>
  <div class='warper'>
    <div class='top'></div>
    <div class='main'></div>
    <div class="fix-bottom"></div>
  <div>     
</body>

解决方式：

html:
<body>
     <div class='warper'>
         <div class='top'></div>
         <div class='main'></div>
     <div>
     <div class="fix-bottom"></div>
</body>

css:

.cont-warper{
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;/* 解决ios滑动不流畅问题 */
}
.fix-bottom{
    position:fixed;
    bottom:0;
    width: 100%;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

六_羽

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ios 下在键盘弹起时fixed元素随页面滚动

问题是这样的，原来的页面布局：&lt;body&gt; &lt;div class='warper'&gt; &lt;div class='top'&gt;&lt;/div&gt; &lt;div class='main'&gt;&lt;/div&gt; &lt;div class="fix-bottom"&gt;&
复制链接

扫一扫