我的需求是有张很大的游戏自制地图,需要可以通过左右上下滑动显示完全,所以我就给scroll-view组件同时添加了scroll-x与scroll-y,现在微信开发者工具与IOS可以正常左右/上下滚动,但是安卓机都不行
page {
height: 100%;
}
.content {
width: 750rpx;
height: 100%;
overflow: hidden;
}
.scroll-H {
width: 750rpx;
overflow: auto;
/* white-space: nowrap; */
}
.imgDiv {
position: relative;
height: 2096rpx;
width: 3840rpx;
display: inline-block;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
.logo {
height: 100%;
width: 100%;
}
这个问题依然没有解决?
2部安卓机:华为HONOR10青春版(微信版本7.0.18);小米8se(微信版本7.0.17) <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 } }, onLoad() { }, methods: { } } script> <style> page { height: 100%; } .content { width: 750rpx; height: 100%; overflow: hidden; } .scroll-H { width: 750rpx; overflow: auto; /* white-space: nowrap; */ } .imgDiv { position: relative; height: 2096rpx; width: 3840rpx; display: inline-block; } ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } .logo { height: 100%; width: 100%; } style>
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
<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>
<style>
page {
height: 100%;
}
.content {
width: 750rpx;
height: 100%;
overflow: hidden;
}
.scroll-H {
width: 750rpx;
overflow: auto;
/* white-space: nowrap; */
}
.imgDiv {
position: relative;
height: 2096rpx;
width: 3840rpx;
display: inline-block;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
.logo {
height: 100%;
width: 100%;
}
style>
这个图片资源加载不到。