微信小程序父元素设置overflow: hidden;导致<van-index-bar失去上下滑动效果
这是微信小程序中一个比较典型的布局冲突,其根源在于<van-index-bar>组件的滚动机制与父元素的CSS限制不兼容。
<van-index-bar>组件内部依赖wx.pageScrollTo这个微信小程序API来实现滚动到指定位置。
这个API仅支持整个页面的滚动,无法在局部滚动容器内正常工作
所以得移除父元素溢出限制
深耕网站建设、视觉设计与SEO优化的一线实战洞察。
这是微信小程序中一个比较典型的布局冲突,其根源在于<van-index-bar>组件的滚动机制与父元素的CSS限制不兼容。
<van-index-bar>组件内部依赖wx.pageScrollTo这个微信小程序API来实现滚动到指定位置。
这个API仅支持整个页面的滚动,无法在局部滚动容器内正常工作
所以得移除父元素溢出限制