单击菜单按钮时反应JS，整个页面向右移动

【问题标题】：React JS when click menu button, entire page shift right单击菜单按钮时反应JS，整个页面向右移动
【发布时间】：2022-09-23 00:17:38
【问题描述】：

我需要你的建议。我想用 React JS 开发网站。首先，我画了一个线框。如果可能，我计划使用反应库。下面是我的线框图。我可以先知道我应该搜索什么。第一张图片将是 UI。当我单击汉堡包按钮时，页面将向右滑动，如第二张图片所示。请帮助伙计们

图 1 enter image description here

图 2 enter image description here

  • 学习css \"Transform\" with \"scale, translate, rotate, ...\"，那么你应该可以做到
  • 非常感谢你的这个想法，我需要一个起点，但不知道要搜索什么。 thx 给出提示。感谢

标签： reactjs wireframe


【解决方案1】：

您需要考虑以下几点：

  1. 存储和切换侧边栏的打开/关闭状态
  2. DOM 元素的布局
  3. 页面内容的转换

    这里有一个沙盒可以帮助你：https://codesandbox.io/s/adoring-napier-s8gs09?file=/src/App.js

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-28
    • 2020-01-08
    • 1970-01-01
    • 2016-04-07
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode