收藏
回答

scroll-view官方示例内的横向滚动预览效果无效

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

scroll-view官方示例内的横向滚动预览效果无效


浏览器:QQ浏览器

回答关注问题邀请回答
收藏

2 个回答

  • hai
    hai
    2020-11-25

    解决方案

    打开开发者工具,将代码

    <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_Hscroll-x="truebindscroll="scrollstyle="width: 100%">


    2020-11-25
    有用 2
    回复
  • Riven.
    Riven.
    2020-11-15

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号

    2020-11-15
    有用
    回复
登录 后发表内容
问题标签