2016 - 2024

感恩一路有你

ios fixed html页面元素原本固定,鼠标滚动后相对页面定位了?

浏览量:1605 时间:2021-03-14 08:48:59 作者:admin

html页面元素原本固定,鼠标滚动后相对页面定位了?

这样做的目的是在浏览器滚动到特定位置时更改元素的位置属性。例如,当浏览器的scrolltop> 500时,它会更改元素的值位置:如果(scrollTop> 500){el.样式位置=“固定”}否则{el.样式位置=“Static”}这500只是一个随机数,由您自己指定,通常由程序获取。假设页面有一个引用元素,当浏览器滚动位置超过引用元素位置时,头部将固定。它通常被使用元素偏移在最近的一个项目中,我们遇到了这个问题。固定元素意外失败。经过不断的研究,我们最终发现问题是css3transform,因为css3transform属性被添加到了固定元素的父层。大家都知道,职位:固定你可以使元素不跟随浏览器的滚动条,而这种跟随效果甚至是它的兄弟位置:相对/绝对没有限制。但是,事实上是一件事,位置:固定固定效应通过一个小的变换被消除,并直接退化为位置:绝对患者的卵痛症状相似。幸运的是,它只在Chrome浏览器/Firefox浏览器中可用,其他浏览器都很正常。

CSS3 transform应用在fixed元素上无效?

将内容固定到特定位置,并相对于浏览器窗口进行定位。

定位位置通常有绝对定位和相对定位,它们都是相对于主体中的块元素。但是,如果要在某个位置设置某个内容,无论滚动条滑动到何处,它仍然在浏览器窗口中,需要使用固定的。

固定元素框的行为类似于将位置设置为绝对,但其包含的块是窗口本身。同意使用left、top、right和bottom的值。它的用法类似于绝对

有关详细信息,请参阅W3C中的说明。

ios fixed ios固定定位 iOS兼容fixed

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。