list 在web情况下无法滚动

[whoiam2007s]

在web情况下list的高度有问题，无法滑动出新的内容，
测试有问题的版本是：START WEEX HTML5: 0.3.2 Build 20160819
测试正常的版本是：START WEEX HTML5: 0.2.18 BUILD 20160609

[MrRaindrop]

有没有demo代码贴一下？

[MrRaindrop]

weex只支持移动端，在移动端h5浏览器里能不能复现你说的问题？或者你可以在pc端浏览器开发者工具的模拟器里用拖拽的方式模拟滑动。如果还有问题，把代码发我看下。

[whoiam2007s]

先是在项目里发现了问题，以为自己代码的问题，然后写了个简单的demo测试了下，发现是新版本的问题。在chrome浏览器模拟手机端运行测试的，先开始以为是浏览器模拟的问题，然后用手机浏览器打开还是一样的问题。

<template> <div> <list> <cell repeat="{{list}}"> <composed-component-foo title="{{$index}}-{{title}}" image="{{image}}"></composed-component-foo> </cell> </list> </div> </template>

[cooliean]

对的，demo也是这样的，我以为只有我这有问题呢，滚动不了

[cooliean]

我是这个地址访问的：http://127.0.0.1:12580/
后来仔细看了一下，发现是index.html的样式问题

<style>
  html, body, #weex {
    width: 100%;
    height: 100%;
  }
</style>

这里把主容器#weex的100%去掉好想就可以滑动了。

我修改成这样就可以了。

  html, body {
    width: 100%;
    height: 100%;
  }
  #weex{
    width:100%;
    height: auto;
  }

[whoiam2007s]

是list组件高度获取的问题，没有限制其高度，造成自己没有触发overflow，所以无法滑动

[whoiam2007s]

scroller和list这些有overflow效果的组件，需要自己设置高度

[MrRaindrop]

list 需要设置一个高度，这样才能滑动。根节点如果不设置，会自动设置充满视口，见这个 pr #1484 但是非根节点需要你明确给个高度。

[MrRaindrop]

改成

<template>
  <div>
    <list style="flex:1;">
      <cell repeat="{{list}}">
        <composed-component-foo title="{{$index}}-{{title}}" image="{{image}}">
        </composed-component-foo>
      </cell>
    </list>
  </div>
</template>

在 https://github.com/alibaba/weex/tree/html5-feature-0.5 这个分支就可以正确跑了。在目前的 dev 分支（还没有 merge 最新的 html5-feature-0.5）跑的话还需要给 div 一个高度，比如 style="height:800"