1.最外层div样式通过“position:fixed;width:100%(固定宽度,用于内容中有横向滚动);height:100%(固定高度,用于内容中有纵向滚动)”。
2.如果是横向滚动,wrapper容器中内容content的样式应添加“position:absolute”。
3.横向或者纵向都可以使用flex布局方便地渲染。
4.在mouted()方法中利用this.$nextTick(()=>{
BScroll初始化代码
})
实现组件渲染完成后初始化滚动,避免宽度或者高度计算问题导致无法滚动。
本文探讨了如何使用fixed定位创建固定宽度和高度的div,针对横向和纵向滚动分别设置`position:absolute`,并推荐使用flex布局。重点讲解了在组件挂载后通过$nextTick初始化BScroll的方法,以解决宽度和高度计算问题。
1246

被折叠的 条评论
为什么被折叠?



