react的左右联动

最新推荐文章于 2022-08-12 17:19:53 发布

@Programmer

最新推荐文章于 2022-08-12 17:19:53 发布

阅读量508

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： react.js

本文链接：https://blog.youkuaiyun.com/weixin_59097751/article/details/120188206

效果图

这是css的代码

body {
    margin: 0;
  }
  .linkage {
    width: 100vw;
    height: 100vh;
    display: flex;
    .linkage-button {
      width: 20vw;
      height: 100vh;
      background: rgb(10, 253, 233);
      text-align: center;
      font-size: 40px;
      color: #fff;
      overflow: scroll;
      scroll-behavior: smooth;
      .linkage-button-list {
        width: 20vw;
        // scroll-behavior:smooth
        .linkage-button-item.ac {
          background: lightblue;
        }
        .linkage-button-item {
            scroll-behavior: smooth;
          width: 20vw;
          height: 10vh;
          line-height: 10vh;
        }
      }
    }
    .linkage-content {
      width: 80v