简单理解sticky定位与fixed定位的区别

fixed:固定定位，相对于可视窗口定位，一但使用top，left绑定后，无论怎么滚动可视窗口区域（也就是滑动滚动条），它的位置都不会发生变化

sticky:粘性定位，相当于是相对定位和固定定位的结合，既有相对定位的保留自己原来位置的特点又有固定定位相对于可视窗口定位的特点，必须至少含有top，left，right，bottom中一个进行绑定，比如说position:sticky top:100px; margin-top:400px 那么就是说这个小盒子初始情况距离顶部400px，在向下滚动300px范围内都是相对定位展现，直到小盒子滚动到小盒子上边框距离浏览器可视窗口上沿的距离只有100px时，它转换为固定定位，就始终保持与可视窗口上沿100px的距离不再改变

简单理解sticky定位与fixed定位的区别相关推荐

北斗定位与GPS定位的区别
欢迎来到东用小知识课堂,每天学习一分钟,让你紧跟时代,扩充自己,成为大佬不是梦! 1.覆盖范围:北斗定位系统是覆盖中国本土的区域导航系统.覆盖范围东经约70°一140°,北纬5°一55°.GPS是 ...
autoware定位：gnss定位与lidar定位（四）
autoware定位:gnss定位与lidar定位(四) 介绍如何在autoware中使用GNSS进行定位启动autoware $ cd ~/autoware.ai $ source install ...
【高精度定位】RTK定位与RTD定位知识科普
高精度定位一般指亚米级别或厘米级别的定位,常见的室内有蓝牙AoA和UWB两种技术,室外有北斗地基增强技术,这些技术都是采用算法进行定位. 工业4.0时代,在资源和环境约束不断强化的背景下,创新驱动传统 ...
教你简单理解分布式与传统单体架构的区别
教你简单理解分布式与传统单体架构的区别原文:教你简单理解分布式与传统单体架构的区别分布式是一种系统架构方式,而在分布式系统中一般基于中间件进行开发,消息中间件是分布式系统中比较核心的中间件之一.这 ...
wbe自动化测试----xpath定位与CSS定位
火狐插件安装插件 1. 2. 3. 4. 5.也可以直接搜索下载 2.3.1 xpath:属性定位 2.于是可以用以下xpath方法定位 2.3.2 xpath:其它属性 1.如果一个元素id.nam ...
css定位和xpath定位,selenium的css定位与xpath定位
大部分人在使用selenium定位元素时,用的是xpath定位,因为xpath基本能解决定位的需求.css定位往往被忽略掉了,其实css定位也有它的价值,css定位更快,语法更简洁. 一:css:属性 ...
python-selenum3 第五天定位——不常用定位与css定位详
使用tag来定位 tag定位的是标签,不常用例如:百度的输入框标签是input 最终会报错,因为百度首页input标签太多了 driver = webdriver.Firefox(executabl ...
蓝牙定位与UWB定位的对比
室内定位技术有好多种,有发展多年的超声波.蓝牙(iBeacon).红外.超宽带UWB以及最近兴起的蓝牙5.1 AOA等等.UWB在国内发展也有十多年了,其应用似乎很广,市场也比较大,UWB在苹果最新手 ...
RTD定位与RTK定位科普介绍
高精度定位,通常指的是亚米级.厘米级.毫米级的定位精度,在测绘.无人机.精准控制领域广泛应用, RTD(Real Time Differential),实时动态码相位差分技术.实时动态测量中,把实时动 ...

简单理解sticky定位与fixed定位的区别

简单理解sticky定位与fixed定位的区别相关推荐

最新文章

热门文章