公告列表
公告列表
收藏
回答

scroll-view组件

请问一下，我在页面分成了上下两部分，上部分是固定的一个view，下部分是一个scroll-view组件，需要根据屏幕大小进行自适应高度适配，这个scroll-view的高度应该怎么设置啊？


我用var dev = wx.getSystemInfoSync();获取设备高度，然后减去view的高度，但是貌似在不同的拼上会导致scroll-view的高度并没有完全延伸到底部，而是会剩余或者超出。

<scroll-view scroll-y="true" style="height:{{height}}px"

    bindscroll="scrollView"

    bindscrolltolower="bottomScroll" scroll-into-view="{{scrollId}}">


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

16 个回答

  • 张灵军
    张灵军
    2017-05-12

    使用flex布局 scroll-view 高度为100%时，有bug，在模拟器上可以滚动 都真机上 就完蛋了  


    只能使用1楼或2楼的办法，在view上增加overflow-y:auto，使view进行滚动，但是滚动很差，一点都不顺滑。


    要么就动态计算高度，感觉这方法好挫。

    2017-05-12
    有用
    回复
  • Joe
    Joe
    2017-03-28

    flex 布局下的 scroll-view 在 IOS 使用 scroll-top 无效（不管设置为多少，scroll-top 都为0）的问题，大家有遇到过吗？

    2017-03-28
    有用
    回复
  • Andrew
    Andrew
    2017-02-10

    你好，想请问下该如何计算高度，拿到的设备高度是去掉导航栏的高度么？

    2017-02-10
    有用
    回复
  • 厉业崧
    厉业崧
    2017-01-21

    楼主，在什么手机上出现你说的问题？我也是采用计算高度的方式实现的，目前没发现有问题。

    一楼 周冉 的方式有问题吧，iphone6下虽可以滑动，但不出现滚动条。

    2017-01-21
    有用
    回复
  • 从零开始
    从零开始
    2017-01-10

    谢谢~

    2017-01-10
    有用
    回复
  • 瓶空放屁
    瓶空放屁
    2017-01-10

    可以用 flex 来解决, 具体参考如下:

    page{
      height:100%;
    }
    .main-container{
      display:flex;
      flex-direction: column;
      height:100%;
    }
    .view-header{
      height:200px;
      background-color:red;
      /*width:100%;*/
    }
    .view-body{
      flex:1;
      background-color:blue;
      /*width:100%;*/

    }

    <view class="main-container">
      <view class="view-header">
      </view>
      <scroll-view class="view-body">
      </scroll-view>
    </view>


    2017-01-10
    有用
    回复

正在加载...

请 登录 后发表内容
相关文档