欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-25 20:23:29
问题是这样的, 原来的页面布局: 解决方式: html: css: .cont-warper{ position: absolute; width: 10...

问题是这样的,

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

原来的页面布局:


解决方式:

html:

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%;
}