你可以在body里面添加两个div，第一个div设置为内容容器，把需要translate的那部分都放到第一个div里面，然后把需要fixed定位的元素放到第二个div中；
因为fixed定位是相对于视窗的和在文档中的位置没有关系，所以你可以直接把fixed定位的元素作为body元素的最后一个元素（防止被别的元素覆盖，或者设置一个高的z-index）;
总而言之，既然translate内不能包含fixed定位的元素，你就把fixed定位的元素移动到translate元素的外边就行。
你可以在body里面添加两个div，第一个div设置为内容容器，把需要translate的那部分都放到第一个div里面，然后把需要fixed定位的元素放到第二个div中；
因为fixed定位是相对于视窗的和在文档中的位置没有关系，所以你可以直接把fixed定位的元素作为body元素的最后一个元素（防止被别的元素覆盖，或者设置一个高的z-index）;
总而言之，既然translate内不能包含fixed定位的元素，你就把fixed定位的元素移动到translate元素的外边就行。
你可以在body里面添加两个div，第一个div设置为内容容器，把需要translate的那部分都放到第一个div...
translate内不能包含fixed定位的元素，否则 fixed属性失效
闲言：自己css水平不够导致前段时间碰到position:fixed定位失效的问题，麻蛋，fixed定位不是一直都...
在Chrome 浏览器，祖先元素出现下面3种情况，子元素position:fixed失效 1、transform ...
position: fixed什么时候会失效？ 我们知道，设置了position: fixed固定定位属性的元素会...
这个页面分为上中下三部分，上部分是还款充值那一块，中部是中间灰色的条，下部分是分期及其明细。其中，上，中，下的导航...
父节点使用css的transform: translate(0, 0)时，子节点的position:fixed在c...
自从发现transform里的translate后，自己定义弹窗提示类的都用此属性和position: fixed...
position: fixed 是很常用的定位属性。脱离文本流，用于把目标定位于浏览器的某个位置。然而在写页面的时...
微信小程序中iphone端在使用swiper 时， 使用position: fixed;button 会失效 求大...
本文标题：translate导致fixed失效
本文链接：https://www.haomeiwen.com/subject/yuoiahtx.html
网友评论