小程序
小游戏
企业微信
微信支付
扫描小程序码分享
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
scroll-view官方示例内的横向滚动预览效果无效
浏览器:QQ浏览器
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
解决方案:
打开开发者工具,将代码
<div class="wx-scroll-view" role="listbox" aria-label="可左右滚动" style="height: 155px; overflow-y: hidden;"><div style="overflow: auto hidden; padding-bottom: 20px;" class="wx-scroll-view"><div><wx-view exparser:info-component-id="16" class="scroll-view-item_H demo-text-1" id="demo1" exparser:info-attr-id="demo1" role="" aria-label=""></wx-view><wx-view exparser:info-component-id="17" class="scroll-view-item_H demo-text-2" id="demo2" exparser:info-attr-id="demo2" role="" aria-label=""></wx-view><wx-view exparser:info-component-id="18" class="scroll-view-item_H demo-text-3" id="demo3" exparser:info-attr-id="demo3" role="" aria-label=""></wx-view></div></div></div>
中的overflow-y: hidden删去就可以滑动看到其他图片了。
原因:
可能是以下代码中的width不应该设置成100%,而是应该用绝对宽度值如:100px,否则只能显示第一张图片,因为宽度已经是100%了。
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
解决方案:
打开开发者工具,将代码
<div class="wx-scroll-view" role="listbox" aria-label="可左右滚动" style="height: 155px; overflow-y: hidden;"><div style="overflow: auto hidden; padding-bottom: 20px;" class="wx-scroll-view"><div><wx-view exparser:info-component-id="16" class="scroll-view-item_H demo-text-1" id="demo1" exparser:info-attr-id="demo1" role="" aria-label=""></wx-view><wx-view exparser:info-component-id="17" class="scroll-view-item_H demo-text-2" id="demo2" exparser:info-attr-id="demo2" role="" aria-label=""></wx-view><wx-view exparser:info-component-id="18" class="scroll-view-item_H demo-text-3" id="demo3" exparser:info-attr-id="demo3" role="" aria-label=""></wx-view></div></div></div>
中的overflow-y: hidden删去就可以滑动看到其他图片了。
原因:
可能是以下代码中的width不应该设置成100%,而是应该用绝对宽度值如:100px,否则只能显示第一张图片,因为宽度已经是100%了。
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号