首页 前端知识 HTML如何给页面设置滚动条 (简单,通俗易懂)

HTML如何给页面设置滚动条 (简单,通俗易懂)

2024-01-24 15:01:49 前端知识 前端哥 427 777 我要收藏

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

此时需要在最外层的盒子上面加上 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;
}

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/133.html
评论
发布的文章

Element-ui 滚动条美化

2024-02-02 09:02:04

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!