怎么在微信小程序中实现一个水平垂直滚动功能 - 行业资讯

　　介绍

怎么在微信小程序中实现一个水平垂直滚动功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

具体内容如下

<强>要点偷窃者内部套滚动视图

<强>注意:

1.滚动竖直滚动高度不能给百分比要给px/rpx
2。偷窃者内部项目posiiton定位高度100%
3.偷窃者高度要给定值
4。如果横向滚动也要给水平的宽度

<强>代码

xml

& lt; swiper 类=皌ab-box",当前=皗{currentTab}}“,时间=?00“,bindchange=皊witchTab"比; 　　,& lt; swiper-item 类=皌ab-content"比; 　　,& lt; scroll-view 类=皊croll-height", scroll-y=皌rue", scroll-with-animation=皗{真}}“比; 　　& lt;才能view 类=癱ont"比; 　　& lt;才能view 类=癹ira-card",天气:为=皗{jiraArray}},,天气:对于指数=癷dx",天气:项=癷temJira",天气:关键=癷dx"比; 　　& lt;才能card itemJira=皗{itemJira}}“,数据项=皗{itemJira}}“, bindtap=癵oDetail"祝辞& lt;/card> 　　& lt;才能/view> 　　& lt;才能/view> 　　,& lt;/scroll-view> 　　　　,& lt;/swiper-item> 　　,& lt; swiper-item 类=皌ab-content"比; 　　,& lt; scroll-view 类=皊croll-height", scroll-y=皌rue", scroll-with-animation=皗{真}}“比; 　　& lt;才能view 类=癱ont"比; 　　& lt;才能view 类=癹ira-card",天气:为=皗{jiraArray}},,天气:对于指数=癷dx",天气:项=癷temJira",天气:关键=癷dx"比; 　　& lt;才能card itemJira=皗{itemJira}}“,数据项=皗{itemJira}}“, bindtap=癵oDetail"祝辞& lt;/card> 　　& lt;才能/view> 　　& lt;才能/view> 　　,& lt;/scroll-view> 　　,& lt;/swiper-item> 　　,& lt;/swiper> 　　　　& lt; swiper 类=皌ab-box",当前=皗{currentTab}}“,时间=?00“,bindchange=皊witchTab"比; 　　,& lt; swiper-item 类=皌ab-content"比; 　　,& lt; scroll-view 类=皊croll-height", scroll-y=皌rue", scroll-with-animation=皗{真}}“比; 　　& lt;才能view 类=癱ont"比; 　　& lt;才能view 类=癹ira-card",天气:为=皗{jiraArray}},,天气:对于指数=癷dx",天气:项=癷temJira",天气:关键=癷dx"比; 　　& lt;才能card itemJira=皗{itemJira}}“,数据项=皗{itemJira}}“, bindtap=癵oDetail"祝辞& lt;/card> 　　& lt;才能/view> 　　& lt;才能/view> 　　,& lt;/scroll-view> 　　　　,& lt;/swiper-item> 　　,& lt; swiper-item 类=皌ab-content"比; 　　,& lt; scroll-view 类=皊croll-height", scroll-y=皌rue", scroll-with-animation=皗{真}}“比; 　　& lt;才能view 类=癱ont"比; 　　& lt;才能view 类=癹ira-card",天气:为=皗{jiraArray}},,天气:对于指数=癷dx",天气:项=癷temJira",天气:关键=癷dx"比; 　　& lt;才能card itemJira=皗{itemJira}}“,数据项=皗{itemJira}}“, bindtap=癵oDetail"祝辞& lt;/card> 　　& lt;才能/view> 　　& lt;才能/view> 　　,& lt;/scroll-view> 　　,& lt;/swiper-item> 　　& lt;/swiper>

wxs

.tab-box { 　　,身高:1040 rpx; 　　} 　　.scroll-height { 　　身高:1040 rpx; 　　}

myAudit () { 　　,this.setData ({ 　　,currentTab: 0, 　　,}) 　　}，　　myInitiate () { 　　,this.setData ({ 　　,currentTab: 1、　　,//jiraArray: [] 　　,}) 　　}，　　switchTab(事件){ 　　,var cur =, event.detail.current; 　　,var singleNavWidth =, this.data.windowWidth /, 5; 　　,this.setData ({ 　　,currentTab:坏蛋, 　　,navScrollLeft: (cur 安康;2),* singleNavWidth 　　,}); 　　}

关于怎么在微信小程序中实现一个水平垂直滚动功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。