固定位置不可滚动
抢无
我想知道是否有一种方法可以使固定位置的div保持不动，因此，如果用户滚动div，则将不动到初始位置。我需要它，因为我在另一个div内生成了一个吐司，并且我在前景中需要此吐司，否则它将在div内（带有滚动条且部分可见）产生。
这是一个示例图像，可以更好地解释：
绝对位置： 
位置固定（预期效果）： 
那是我的组件代码（这是一个子组件）：
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position:absolute; z-index:999; left:80%; width:300px;opacity:1;cursor:unset !important" *ngIf="!isCollapsed && onlyOnePopup == dataItem.Id">
<div class="toast-header" style="background-color: #00549F;">
<strong class="mr-auto" style="color:#fff;"></strong>
<button (click)="onlyOnePopup = null && isCollapsed = true" type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true" class="close" style="color:white;">×</span>
</button>
</div>
<div class="toast-body" style="font-family:Font; white-space:pre-line; color:black; cursor:unset">
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
</div>
</div>
菲利普·菲利普
使用position: fixed，然后设置所需的确切位置。这是一个片段，向您显示如何执行此操作的示例。
body {
height: 2000px;
background-color: aqua;
}
.fixed-div {
width: 200px;
heigth: 200px;
background-color: white;
padding: 50px;
position: fixed;
top: 0px;
right: 0px;
margin-right: 20px;
margin-top: 20px;
}<html>
<head></head>
<body>
<div class="fixed-div">
Fixed Div
</div>
</body>
</html>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用应该固定位置的按钮滚动
- 2
在特定位置停止固定元素滚动？
- 3
在固定位置叠加层中滚动
- 4
通过滚动定义固定位置
- 5
在特定位置停止固定元素滚动？
- 6
如何使div固定位置水平滚动？
- 7
绝对定位div伸出可滚动的固定位置div
- 8
iPhone：固定位置Div不可见
- 9
滚动时，固定位置元素在Chrome中闪烁
- 10
固定位置时如何检测div中的滚动
- 11
固定位置时macgap滚动问题
- 12
滚动时使tvOS tableview行保持在固定位置
- 13
仅限Chrome：滚动固定div时出现固定位置滚动问题
- 14
使固定位置div可滚动而无需滚动条，也无需滚动背景内容
- 15
元素的固定位置？
- 16
如何使用溢出-y 在固定位置 div 上定位粘性标题：滚动
- 17
当滚动元素的底部到达父元素的末尾时，停止jQuery固定位置滚动
- 18
当滚动元素的底部到达父元素的末尾时，停止jQuery固定位置滚动
- 19
滚动时使相对位置div跟随固定位置div
- 20
固定VS绝对定位滚动
- 21
位置绝对，但滚动固定
- 22
使用CSS剪辑在固定位置div后面不可点击的链接
- 23
如何使滚动条保持在固定位置div的内部，并且顶部像素向下推？
- 24
防止在添加固定位置时页面滚动到顶部
- 25
Bootstrap 2列需要滚动，而其他固定位置
- 26
在滚动时设置类的背景色，并且该类必须位于固定位置
- 27
在Safari中看不到带有溢出滚动的固定位置Div
- 28
为什么固定位置表在滚动时会移动边框的前1px？
- 29
如何使一列仅在水平滚动条上固定位置？
我来说两句