天天看点
返回

CSS实现左右两边不同时滚动

css布局，左边滚动时，右边不随着滚动，右边滚动时，左边不随着滚动

例子截图：

CSS实现左右两边不同时滚动

代码：

<body>

   <div class="parent">

    <div class="leftChild"></div>

    <div class="rightChild"></div>

  </div>

</body>

body {width： 100%， height： 100%}

.parent {overflow: hidden; position:fixed; top:0; bottom:0; left:0; right:0}

.leftChild {float:left; overflow:auto; width:40%;height: 100%}

.leftChild {float:left; overflow:auto; width:60%; height: 100%}

后续还有更好的解决方案，会继续更新

css css3
上一篇: css 帧动画实现从中间向两边延伸
下一篇: 【JavaScript实例】图片从中间向两边展开动画

继续阅读