一个webview内两个列表，左边一个，右边一个，我想问下，怎么才能使他们不同步上下滑动

分类：MUI

2015-03-11 15:43 负责人:无分享

8 个回复

terlivy (作者)

证实，不能实现

DCloud_UNI_FXY

如果两个列表是同时显示的。那只能使用scroll控件的来实现。

terlivy (作者)

怎么实现，麻烦多给点提示？

DCloud_UNI_FXY

mui提供的有scroll控件。左右的列表均使用scroll包裹即可。
如果你不用mui。也可以搜索使用专门的区域滚动iscroll来实现。

terlivy (作者)

可以实现，已经搞定

iuyisheng

分享一下

小云菜 - 相关代码及分享在http://www.cnblogs.com/phillyx

分享一下

hw0

我在一个webview里面并排放了三个列表，都可以独自滚动，贴代码给你参考一下，放两个列表应该是类似的：

html 代码：

<body>  
        <div id="main-content" class="mui-content mui-fullscreen ">  

            <div class="col-3" >  
                <ul class="mui-table-view ">  
                </ul>     
            </div>  
            <div class="col-3 border-left">  
                <ul class="mui-table-view ">  
                </ul>     
            </div>  
            <div class="col-3 border-left">  
                <ul class="mui-table-view " >  
                </ul>     
            </div>  
        </div>  
</div>

css代码：

.col-3 {  
    height: 100%;  
    overflow-x: hidden;  
    overflow-y: auto;  
    float: left;  
    width: 33.33333333%;  
    position: relative;  
}  
.border-left {  
    border-left: 1px solid #ddd;  
}

主要是要给外层加一个mui-fullscreen类，同时每个list的高度设置为100%。

该问题目前已经被锁定, 无法添加新回复

一个webview内两个列表，左边一个，右边一个，我想问下，怎么才能使他们不同步上下滑动

8 个回复

公告

相关问题

一个webview内两个列表，左边一个，右边一个，我想问下，怎么才能使他们不同步上下滑动

与内容相关的链接

8 个回复

公告

相关问题