如果父元素在视图中,则子元素应位于父元素的底部。如果父对象在视图之外,则子对象应该在视图之上10 px。
<ng-scrollbar class="scroll">
<div class=parent>
<div class="child"></div>
</div>
</ng-scrollbar>
.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
margin-bottom: 10px;
}
.parent:not(:in-viewport) .child {
position: absolute;
bottom: auto;
top: -10px;
}
类似的东西,但是伪类“in-viewport”不起作用。有没有不使用JavaScript的方法?
1条答案
按热度按时间x7rlezfr1#