收藏
回答

微信小程序 图表 canvas不随滚动条滚动

canvas不随滚动条滚动啊,只有放在page里才随滚动条滚动,但是需求就是不能放到page里只能放在一个

view或div里,设了一个高度,滚动overflow: auto; 唉,canvas就卡在那不动了,无法跟随滚动条上下滑动了。。。。。。


大BUG啊,大神们赶紧解决一下啊

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

12 个回答

  • 幸福摩天轮
    幸福摩天轮
    2019-08-31

    把canvas放到一个scroll-view里面 ,设置scroll-view属性scroll-y允许上下滚动

    2019-08-31
    有用 1
    回复 2
    • 2020-03-19
      我试了这个,有效
      2020-03-19
      回复
    • 不整八块腹肌不改名
      不整八块腹肌不改名
      2022-06-17
      仔细看下scrollview api  有笑个屁  你放到真机上试试
      2022-06-17
      回复
  • Tkk
    Tkk
    2018-07-19

    一样有问题

    2018-07-19
    有用 1
    回复
  • 丁丁
    丁丁
    2018-07-11

    解决了吗,我也遇到了同样的问题


    2018-07-11
    有用 1
    回复
  • 💫郑.
    💫郑.
    2018-06-13

    解决了吗,我也遇到了同样的问题

    2018-06-13
    有用 1
    回复
  • 镰
    11-11

    .card_box {

    background-color: #fff;

    // padding: 10rpx 20rpx;

    height: calc(100% - 200rpx);

    // margin: 0 10rpx;

    display: block;

    // overflow: auto;

    }

    <scroll-view :scroll-x="false" scroll-y="true" class="card_box">

    </scroll-view>

    我这样是解决了,手机上没问题,就是将需要滚动的标签包裹了一层scroll-view

    11-11
    有用
    回复 1
    • 镰
      11-11
      会出现闪烁
      11-11
      回复
  • 差No多先生
    差No多先生
    2023-03-29

    1.确认你的page样式没有设置height:100%/100vh,如果有需要删除;

    2.所有父级节点不可以使用样式position为fixed或absulote,如有需要替换;

    3.可以在ec-canvas标签中直接添加force-use-old-canvas="true"属性(<ec-canvas force-use-old-canvas="true">),添加后部分样式不被支持,毕竟小程序官网推荐使用新版canvas

    根据这种野鸡方式来改,本人的已解决

    原文地址:https://baijiahao.baidu.com/s?id=1748712863490350868&wfr=spider&for=pc

    2023-03-29
    有用
    回复
  • d文意
    d文意
    2022-11-01

    2022年11月01了

    2022-11-01
    有用
    回复
  • 梦里千寻
    梦里千寻
    2022-01-21

    两年了,唉~~

    2022-01-21
    有用
    回复
  • 白天
    白天
    2020-04-10

    这么久了这个bug还没改吗。。。。。

    2020-04-10
    有用
    回复
  • 2018-10-01

    楼主这个问题解决了吗?我也是遇到这个问题,我的canvas尺寸比较大,需要滚动条来浏览,设置了overflow:auto,开发工具上可以正常滚动浏览整个canvas,但是手机上滚动条可以动,canvas却定在那了~~

    2018-10-01
    有用
    回复 1

正在加载...

登录 后发表内容