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

最新推荐文章于 2024-02-19 16:23:26 发布

编程小橘子

最新推荐文章于 2024-02-19 16:23:26 发布

阅读量2.8k

点赞数 2

分类专栏： css 文章标签： css css3

本文链接：https://blog.csdn.net/qq_43353619/article/details/105507479

版权

css 专栏收录该内容

7 篇文章 3 订阅

订阅专栏

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%}

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

优惠劵

编程小橘子

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
CSS实现左右两边不同时滚动

css布局，左边滚动时，右边不随着滚动，右边滚动时，左边不随着滚动例子截图：代码：<body> <div class="parent"> <div class="leftChild"></div> <div class="rightChild"></div> </div>...
复制链接

扫一扫