css添加父元素的时候怎么让内元素能够继续滚动
当你给一个元素添加父元素的时候,如果你想让内元素继续能够滚动,你需要确保父元素的滚动行为不会阻止这个能力。这可以通过设置父元素的CSS样式来实现。
以下是一些可能的解决方案:
- 设置父元素的
overflow属性为auto或scroll。这样做可以在内元素需要滚动时允许滚动,需要注意的是元素高度是需要确定的
.parent {
overflow: auto;
height: 200px; /* 设置一个高度,根据需要设置 */
}
- 如果你不想让父元素有固定的高度,你可以设置
overflow属性为visible,这样可以允许滚动行为传递给父元素,相当于自身被拉直
.parent {
overflow: visible;
}
- 如果父元素设置了
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等,且需要确定高度,如果碰到了滚动位置不对的,不妨给想滚动的位置设置一下该属性,也许问题就迎刃而解了