ios 中position:fixed定位问题

在ios中使用fixed定位,当页面超出一屏时会出现fixed定位随着页面滚动而滚动,解决方法,

//父容器
<div class='main'>
    <div class='maincon'>
      //内容区
    </div>
    <div class='fixedflag'>
      //定位区
    </div>
</div>

.main{
    width:750px;
    height:100vh;
    position:relative;
  }
.maincon{
    width:750px;
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    ::-webkit-scrollbar {
        display: none;
    }

  .fixedflag{
       position:absolute;
      right:0;
      bottom:30px;
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,032评论 3 119
  • 记得上高中的时候,想看的书并非那么轻易就能买到,因此对每一本阅读的书都格外用心,总是来来回回把书翻得有些变形,在本...
    拉面的第二人生阅读 734评论 1 49
  • 如果我最终要因为另一个人的到来而欢喜,又为何会缱绻你的背影,惶恐你的离去。 如果我最终要牵起另一个人的右手走到路的...
    小四不四阅读 426评论 2 2
  • 就在现在,这个时刻。我就是充满了如何深刻的喜悦,丰盛的,极致的。如果我不说出来,我担心那股力量冲破冲坏了我的喉管。...
    谢兔子阅读 203评论 0 0
  • (一)热身运动顺序及其要领。 从上往下。 1.绕肩。前左后右四圈。牵右后左四圈。 2.震肩。挺胸,双手十指相对,平...
    瑀墨阅读 118评论 0 0