css更改子元素的位置，如果父元素不在视图中

gijlo24d 于 12个月前发布在其他

关注(0)|答案(1)|浏览(98)

如果父元素在视图中，则子元素应位于父元素的底部。如果父对象在视图之外，则子对象应该在视图之上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的方法？

css

来源：https://stackoverflow.com/questions/77330912/css-change-child-position-if-parent-element-out-of-view

1条答案

按热度按时间

x7rlezfr1#

<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;
}

.scroll-bar .ng-scrollbar-wrapper[verticalused="true"] .overflow {
    position: absolute;
    bottom: -5px;
}

赞(0）回复(0）举报 12个月前

我来回答

css更改子元素的位置，如果父元素不在视图中

1条答案

相关问题

热门标签

最新问答