css定位 position:sticky

今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。
这个时候发现了一个position的属性 ----- sticky
它是relative和fixed的结合体可以理解为,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样,正常排列在那里,当我们屏幕滚动出去了这个时候就fixed,常用语头部或者底部一个吸顶的行为,最最关键的是,他不会像fixed一样把他的父级变成浏览器可视区域,还是你的父级

“只有客户发展了,才有我们的生存与发展!”这是成都创新互联公司的服务宗旨!把网站当作互联网产品,产品思维更注重全局思维、需求分析和迭代思维,在网站建设中就是为了建设一个不仅审美在线,而且实用性极高的网站。创新互联对成都网站制作、成都网站建设、网站制作、网站开发、网页设计、网站优化、网络推广、探索永无止境。


标题名称:css定位 position:sticky
网页URL:http://bzwzjz.com/article/dsojsjo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计推广 成都定制网站建设 成都网站设计 攀枝花网站设计 成都网站制作 营销型网站建设 成都网站建设 成都商城网站制作 网站建设公司 手机网站制作 成都网站制作 网站制作 网站建设费用 成都网站建设 成都网站建设公司 温江网站设计 成都网站设计 上市集团网站建设 泸州网站建设 成都网站制作 专业网站建设 成都网站建设