滚动时如何在两个元素之间保持固定距离

阿德林

<div class="header__secondary" style="height:40px; background-color:green">
nav1
</div>

<div class="header header--layout-2" style="position: sticky; top: 0; height:40px; background-color:red">
nav2
</div>

<div class="header header--layout-2" style="position: fixed; height:40px; margin-top:20px; background-color:yellow">
elm
</div>

<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br>
<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br></br>

如何使黄色elm始终与黄色保持固定距离nav2问题是,现在如果你向下滚动之间的距离nav2,并elm会因为增加nav1

不知道我是否正确理解您的需求...但是,如果我知道,那应该是这样的:

<div class="header__secondary" style="height:40px; background-color:green">
nav1
</div>

<div class="header header--layout-2" style="position: sticky; top: 0; height:40px; background-color:red">
nav2
</div>

<div class="header header--layout-2" style="position: sticky; top: 45px; margin-top: 5px; height: 40px; background-color:yellow">
elm
</div>

<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br>
<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br></br>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何找到React Native的两个元素之间的距离?

如何计算两个元素之间的距离,像这样?

如何在两个固定的小部件之间制作可滚动的小部件

滚动时如何在工具栏下方固定两个按钮

如何在两个元素之间使用“位置:固定”停止 div

如何在颤抖的两个视图之间滚动

两个固定的导航-如何在两个导航之间居中

如何计算6个元素的两个向量之间的距离?

当position:abssible仅限于CSS时,如何在两个元素之间强制空格?

数组中两个不同元素之间的最大距离

两个逻辑向量中元素之间的最小距离

两个不同矩阵中元素之间的欧式距离?

计算两个运动元素之间的距离

如何在两个元素之间切换

如何在两个(内联)元素之间插入空格?

如何在 React 中的两个元素之间渲染?

如何计算矩阵中两个元素之间的最大欧几里得距离-R?

获取两个坐标之间的距离时出错

如何在自动布局中使两个视图之间的距离可变

如何在Python中找到两个一维数组之间的马氏距离?

如何在Android中离线查找两个地理位置之间的道路距离

如何在两个列表中找到紧密匹配的独特元素?(在此使用距离功能)

两个div元素之间的固定div

在两个值之间随机分配矩阵元素,同时保持行和列之和固定(MATLAB)

如何计算两个PointField之间的距离?

如何添加两个点之间的距离(SRID = 32636)?

如何测量两个CDF之间的“距离”?

如何增加 React 中两个按钮之间的距离?

如何测量Java中两个单词之间的距离?