有没有现成的库呢,移动端,网页可以分左右两块,上下滑动的。

比如左右分别显示两个div
两个div可以分别上下滑动的,
比如其中一个是导航条,一个是内容区这样的。
谢啦。

阅读 4.7k
3 个回答

既然是移动端,何不试试这个

div {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch 
    }
    ::-webkit-scrollbar{
        display: none;
    }

我之前回答过的一个帖子:
http://segmentfault.com/q/1010000002993207/a-1020000003718564

经典js插件iScroll就是用在这类场景下的,如果我没记错,京东用的就是iScroll,两侧都要滑动就必须要监听事件进行滚动模拟,采纳答案中的特性只支持ios。

无图无真相,我们产品中有个top10页面前不久我刚交差完:

Image

效果跟京东的一样,iScroll对布局有要求,一定要注意看下他的源码,要是拿不到滚动区域的height,iScroll实例化也然并卵。

虽然使用简单,但是友情提醒:还是有坑的