transform子元素,绝对定位失效

Posted xh.w

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了transform子元素,绝对定位失效相关的知识,希望对你有一定的参考价值。

  公司项目需要上拉刷新功能,

    mui下拉刷新组件采用固定布局,无法触发浏览器自带的隐藏地址栏功能。

  造轮子思路:

    touchmove事件监听程序中,判断滚动位置:上下顶点使用transform 移动最外层容器实现回弹。

    缺点:有标题栏和分类导航栏 fixed 到顶部,会失效。

    解决办法:transform换成relative,设置bottom实现移动。

  上拉加载、下拉刷新插件:dropload.js

以上是关于transform子元素,绝对定位失效的主要内容,如果未能解决你的问题,请参考以下文章

table中绝对定位元素相对td定位失效解决方案

子元素相对父元素绝对定位之后父元素没有高度怎么办

css实现绝对定位元素居中

子元素绝对定位,父元素高度自适应子元素高度

两个DIV,父元素相对定位没有设置高度,子元素绝对定位高度随内容变化,此无法撑开父DIV

position absolute 绝对定位 设置问题