公众号项目中给页面局部位置添加滚动条

嘿！陈俊彦

于 2022-05-06 09:49:15 发布

阅读量956

点赞数

分类专栏： vue 文章标签：前端 javascript css

本文链接：https://blog.csdn.net/m0_44981797/article/details/124603166

版权

9 篇文章

订阅专栏

在公众号项目的药品详情页面开发中，当药品数量过多时，通过添加CSS样式`overflow-y:auto;`和`overflow-x:hidden;`轻松实现了只显示右侧滚动条的效果，简洁高效地解决了内容展示的限制问题。

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

在做公众号项目的时候，页面中需要展示医生开的药品详情，当前端把药品遍历到页面时，如果药品过多需要为展示药品列表的地方添加滚动条。实现效果如下：
在这里插入图片描述
搜了很多，结果最终只用两行代码就解决了，只需在需要添加右侧滑动条的地方添加如下样式即可：

.item-Fee-List {
    overflow-y:auto;  //表示开启右方的滑动条
    overflow-x:hidden;   //表示隐藏下方的滑动条
}