css添加父元素的时候怎么让内元素能够继续滚动

1,110 阅读1分钟

css添加父元素的时候怎么让内元素能够继续滚动

当你给一个元素添加父元素的时候,如果你想让内元素继续能够滚动,你需要确保父元素的滚动行为不会阻止这个能力。这可以通过设置父元素的CSS样式来实现。

以下是一些可能的解决方案:

  1. 设置父元素的 overflow 属性为 auto 或 scroll。这样做可以在内元素需要滚动时允许滚动,需要注意的是元素高度是需要确定的
.parent {
  overflow: auto;
  height: 200px; /* 设置一个高度,根据需要设置 */
}
  1. 如果你不想让父元素有固定的高度,你可以设置 overflow 属性为 visible,这样可以允许滚动行为传递给父元素,相当于自身被拉直
.parent {
  overflow: visible;
}
  1. 如果父元素设置了 position: fixed 或 position: absolute,你可能需要设置 overflow: hidden 来防止父元素的滚动条出现,并设置 height: 100% 来确保父元素的大小正确,避免出现bug
.parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

ps:想让滚动,就得设置父视图overflow、overflowY、overFlowX等,且需要确定高度,如果碰到了滚动位置不对的,不妨给想滚动的位置设置一下该属性,也许问题就迎刃而解了