41-微信小程序实现一个页面左右两个滚动条且相互独立

2021/10/21 20:11:30

本文主要是介绍41-微信小程序实现一个页面左右两个滚动条且相互独立,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

如果两个滚动条会同时的滚动。找了一下原因才知道是要给scrool-view所在的容器中添加高度,否则两个会一起滚动。计算高度的时候,用到了calc,进行动态的计算,在less中使用calc的时候需要用~‘calc( 100vh - 90rpx )’的格式,否则会不成功。
(1)wxml

(2)lexx

(3)效果如下



这篇关于41-微信小程序实现一个页面左右两个滚动条且相互独立的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程