大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

css定位 position:sticky

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

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


文章标题:css定位 position:sticky
新闻来源:http://dzwzjz.com/article/dsojsjo.html
在线咨询
服务热线
服务热线:028-86922220
TOP