<template>
<view class="content">
<scroll-view class="scroll-H" scroll-y scroll-x :enhanced="enhanced" :showScrollbar="showScrollbar" style="height: 100%;">
<view class="imgDiv">
<image class="logo" src="/static/zhuomian.png"></image>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
enhanced: true,
showScrollbar: false
}
}
}
</script>
<style>
page {
height: 100%;
}
.content {
width: 750rpx;
height: 100%;
overflow: hidden;
}
.scroll-H {
width: 750rpx;
overflow: auto;
height: 100vh;
}
.imgDiv {
position: relative;
height: 2096rpx;
width: 3840rpx;
display: inline-block;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
.logo {
height: 100%;
width: 100%;
}
</style>
8***@qq.com
- 发布：2020-08-28 11:33
- 更新：2020-09-02 17:16
- 阅读：1331
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10 64位
HBuilderX类型： 正式
HBuilderX版本号： 2.8.8
第三方开发者工具版本号： 1.03.2006090
基础库版本号： 2.12.2
项目创建方式： HBuilderX
操作步骤：
预期结果：
各种机型可以左右上下滚动
各种机型可以左右上下滚动
实际结果：
开发者工具与IOS机型横向竖向都可以滚动；安卓可以竖向滚动，但横向不行
开发者工具与IOS机型横向竖向都可以滚动；安卓可以竖向滚动，但横向不行
bug描述：
给一个scroll-view同时加了scroll-x与scroll-y,开发者工具与IOS机型都可以左右上下滚动，但是安卓机可以竖向滚动，但横向不行(测试机型华为荣耀10青春版，微信版本7.0.18;小米8es，微信版本7.0.17)；期间去掉scroll-x与scroll-y，只留一个安卓就可以。
1 个回复
DCloud_UNI_GSQ
单独使用微信小程序新建一个工程试试，如果仅使用微信小程序也有此问题，反馈到微信小程序社区