当页面中给定一定大小的可视窗口时,而内容的大小是比可视窗口大的时候,这时候则需要,是页面实现滚动效果:

此时需要在最外层的盒子上面加上 overflow: scroll,并且给高度设置死,及固定高度。

.rigth-content-bottom{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 2px;
  margin-top: 16px;
  //这下面的两段代码是最主要的
  overflow: scroll;
  height: 840px;
}

此时就实现了页面的滚动效果

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐