gpt4 book ai didi

javascript - 平滑折叠侧边栏

转载 作者:太空宇宙 更新时间:2023-11-03 20:00:15 25 4
gpt4 key购买 nike

我创建了一个侧边栏,当屏幕变小时它会折叠。然后会出现一个按钮来打开/关闭它。我使用过渡以一种很好的方式隐藏/显示侧边栏。

侧边栏 <div>正在隐藏效果,但侧边栏的内容只是消失而没有任何效果。当我仔细观察打开行为时,我可以看到菜单首先完整显示,然后侧边栏显示其效果。我也想要菜单内容的效果。

一切都在布局中。 css 和一些代码在 layout.js 中

演示:已删除

期望的效果:http://detail.herokuapp.com/index.html

最佳答案

添加 transition: left .3s ease; 到 #sidebar-nav。

我推荐你阅读http://www.sitepoint.com/css3-sliding-menu/

关于javascript - 平滑折叠侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19334258/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com