美文网首页
css布局,左边的滚动时右边不随着滚动

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

作者: hao_developer | 来源:发表于2020-12-07 11:09 被阅读0次
<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布局,左边的滚动时右边不随着滚动

  • css滚动

    布局:水平滚动,垂直滚动 垂直滚动: 水平滚动: css样式:

  • css滚动

    布局:水平滚动,垂直滚动 垂直滚动: 水平滚动: css样式:

  • scroll-view左右联动

    究极干货,完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边,右边滚动;右边滚动,左边...

  • scroll-view 实现双联滚动

    实现效果:左边点击西餐,右边会滚动至西餐置顶区域;右边滚动到西餐区域,左边西餐会是选中状态 知识点:scroll-...

  • 文字信息与与间歇性无缝滚动的简单Demo

    一、Html布局 二、Css样式 三、Js部分 无缝滚动 间歇滚动

  • 隐藏滚动条滚动

    做成左边固定右边可滚动,隐藏滚动条 http://caibaojian.com/hide-scrollbar.html

  • vue安卓页面滚动不了

    在写页面时,对于超长布局的页面,突然发现ios可以正常滚动,而安卓滚动不了,检查发现页面css加了touch-ac...

  • 当overflow遇到flex

    昨天工作中遇到这么个问题,两栏布局,左边宽度固定,右边自适应而且右边容器中内容超出之后需要横行滚动条,简化出来大概...

  • 弹层-滚动条

    要求:弹出框出现,弹出框的内容滚动,但是dom层不随着弹出框的滚动而滚动,在弹层上滚动时整个页面也不滚动

网友评论

      本文标题:css布局,左边的滚动时右边不随着滚动

      本文链接:https://www.haomeiwen.com/subject/hymgwktx.html