后台系统页面左边菜单按钮和右边内容的处理,后台系统页面出现双滚动

本文介绍如何解决后台管理系统中,当右侧内容滚动时左边菜单不固定且出现双滚动问题。通过调整`.index_content`样式,使用flex布局并禁用Webkit滚动条,确保了页面美观和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 后台管理系统的左边菜单和右边内容,在滚动右边内容的时候左边的按钮如何固定

  • pc端后台系统出现页面双滚动,该如何处理

  • 个人bug记录,表达不好,望见谅

1. 后台管理系统的左边菜单和右边内容,在滚动右边内容的时候左边的按钮如何固定

1.1我在做后台项目的时候,发现滚动右边内容的时候左边无法固定,发现页面很丑,我采用的是flex布局

1.2 解决方法

 

 .index_content {
    width: 100%;
    height: 800px;
    overflow-y: auto;
   
  }

 随之新的问题也出先 双滚动

 

2. pc端后台系统出现页面双滚动,该如何处理

处理方法

  .index_content {
    width: 100%;
    height: 800px;
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 0;
    }
  }

双滚动消失

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值