⼩程序长图完整滚动显⽰
如图，当插⼊的图⽚的长度超屏幕的⾼度时，会导致图⽚⾼度被压缩。
解决的⽅法是，给图⽚外⾯加⼀个scroll-view组件实现滚动显⽰，添加属性mode="widthFix"使得图⽚宽度完整显⽰，详见代码。.wxml
1<scroll-view scroll-y="{{true}}" >
2<view class="img-size">
3<image src="../../images/liucheng.jpg" mode="widthFix" class="liucheng-img"></image>
4</view>
5</scroll-view>
.js
onLoad: function (options) {
success: (result) => {
this.setData({
sysheight:result.windowHeight
})
},
})
},
怎么把图片做成滚动图片.wxss
page{
width: 100%;
height: 100%;
}
.img-size {
width: 100%;
margin: auto;
}
.liucheng-img {
width: 100%;
height: 100%;
}
希望以上解决⽅案对你有⽤！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。