收藏
回答

小程序scroll-view

问题模块
API和组件

scroll-view设置聊天页面,定位位置电脑端调整可以到达聊天底部,手机端不可以定位位置。

并且view 设置position:absolute后,聊天页面拖动非常卡。

最后一次编辑于  2017-04-26  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

11 个回答

  • Macro
    Macro
    2017-04-26

    scroll-view 组件的前提是需要有一个固定高度(不能设置相对值)。


    以下分享我项目中经验:

    1、通过 wx.getSystemInfo 获取手机的尺寸

    2、在业务页面中,计算scroll-view组件的高度,将其保存在page的data属性中,在 wxml 中引用。


    样例代码

    app.js

    onLaunch: function () {
        this.globalData.systemInfo = wx.getSystemInfoSync();
        ...
    }


    pages/xzy/xyz.js

    data: {
        ...
        layout: {
          scrollHeight: WXA.globalData.systemInfo.windowHeight,
          ...
        },
        ...
      },


    pages/xyz/xyz.wxml

    <scroll-view class="result"
        scroll-y="true"
        scroll-with-animation="true"
        enable-back-to-top="true"
        style="height: {{layout.scrollHeight}}px">
        ...
      </scroll-view>


    系统效果截图:



    以上,谢谢,希望有帮助!


    2017-04-26
    赞同
    回复
  • 李亚ss
    李亚ss
    2017-04-26

    100% 可以的呀?

    2017-04-26
    赞同
    回复
  • OldOne
    OldOne
    2017-06-04

    我想请问下,发一条信息,始终保持下拉条在最底部是怎么实现的

    2017-06-04
    赞同
    回复
  • 兰色星星
    兰色星星
    2017-06-14

    这种计算后设置静态高度的方法有个瑕疵,当系统状态栏出来的时候,这个页面就会有一部分被遮挡住。比如打电话时候,缩小通话界面后,通话状态出来后

    2017-06-14
    赞同
    回复
  • 轩潇
    轩潇
    2017-06-30

    我想请问一下,一楼的这个方法我使用的时候不行呀,没有实现进入页面就显示在聊天的底部呀?

    2017-06-30
    赞同
    回复
  • 范范范先森
    范范范先森
    2017-07-07

    滑到最上边,加载更多(历史数据)时,滚动轴位置保持不变有没有好的解决方法

    2017-07-07
    赞同
    回复
  • ysong
    ysong
    2017-07-24

    scroll-view的每个子view设置id

    然后设置scroll-view

    scroll-into-view="{{viewId}}"


    2017-07-24
    赞同
    回复
  • 深~
    深~
    2017-09-11

    scroll-into-view无效怎么解决? 设置了id,但是还是不能去到底部的?

    2017-09-11
    赞同
    回复
  • 远方
    远方
    2017-09-13

    请教如何不让SCROLL-VIEW覆盖最底下一行


    2017-09-13
    赞同
    回复
  • 黄立明
    黄立明
    2017-11-08

    同问

    2017-11-08
    赞同
    回复