使div固定在页面上以角度滚动
潘卡
我目前有这样的屏幕布局
我必须以以下方式在组件3中渲染componene 2
由于某些限制，我无法将角度分量3放入角度分量2内
所以我要做的是使用CSS达到预期的效果
.component3 {
position: relative;
z-index: 1
}
.component2 {
position: absolute;
margin-left: calc(100% - 169px);
margin-top: 13px;
z-index: 2;
}
我已经实现了所需的输出，但是一旦用户滚动页面，组件2就会一直显示在页面上。它不应该滚动
我该怎么办？
萨沙姆
您需要将组件2绝对放置在组件1上，并变换原点以使其粘到底部边缘，如下所示：
position: absolute;
bottom: 0;
transform: translate(0, 100%);
right: 0;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
固定在页面底部的可滚动元素
- 2
滚动95个像素后显示固定在页面顶部的Div
- 3
div在页面上向下滚动和在页面上向下滚动
- 4
滚动以锚定在Wordpress页面上不起作用
- 5
滚动以锚定在Wordpress页面上不起作用
- 6
将元素固定在滚动页面的顶部
- 7
jQuery位置DIV固定在滚动条上
- 8
jQuery位置DIV固定在滚动条的顶部
- 9
将按钮固定在可滚动div的右上方
- 10
jQuery位置DIV固定在滚动条的顶部
- 11
如何仅使用css使内容固定在滚动div中？
- 12
如何使用JavaScript或jQuery使左右div固定在滚动顶部？
- 13
Div，固定在底部，固定在顶部
- 14
javascript固定在滚动位置
- 15
绝对定位的 div 不滚动；当其他内容滚动时固定在屏幕上
- 16
HTML CSS DIV布局，其中上，左和右DIV固定在滚动中心DIV上
- 17
HTML CSS DIV布局，其中上，左和右DIV固定在滚动中心DIV上
- 18
将元素固定在滚动条上（当其不在页面顶部时）
- 19
当上面显示了很多内容时，将页面垂直固定在元素上（从而导致滚动）
- 20
将three.js 脚本固定在可滚动页面中
- 21
表div不固定在父div中。显示不必要的滚动条。
- 22
滚动到页面上的特定div时如何使页脚消失？
- 23
Div在页面上按比例跟随滚动条
- 24
滚动到页面上的特定div时如何使页脚消失？
- 25
滚动带有标题的div，但当标题消失时将其固定在20px顶部
- 26
滚动带有标题的div，但当标题消失时将其固定在20px顶部
- 27
固定页面滚动
- 28
固定在水平滚动条的左侧
- 29
固定在可滚动元素底部的位置
我来说两句