请问如何将滚动条限制在当前屏?

首先如图所示我左边一共有200个div,但是他的滚动条在窗口处,相当于拖动了整个屏幕,我想实现的是

如第二张图那样,保持在第一屏,滚动条在灰色div的右边,当我拖动滚动条的时候只有当前div会滚动,显示后面的内容

想要的效果类似element-ui官网,点击组件后的滚动条效果

滚动的容器设置overflow-y: auto;和一个固定的 width

我设置了但是他的滚动条还是在窗口那里

设置固定的 height

这个就是一个上下布局,你只需要将下面的可视区域单独做overflow处理就可以,顶部固定不变,下面的给个可视区域高度,比如顶部20vh,底部就用80vh 然后设置滚动就可以

我设置了固定高度后可以了,然后还有一个问题是资源代下载网如果在不同分辨率的情况下怎么去对他做一个适配呢?

这个vh可以理解成当前屏幕的百分比吗?如果上面用20vh高度,下面用80vh高度,然后再不同分辨率,尺寸的情况下,上面都会占20%,下面80%?

对的,类似于vue里面,上面是头部,下面是内容,内容部分使用插槽,头部始终是20,内容部分始终是80

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值