0

我正在尝试实现 Off Canvas 布局,但我被卡住了(花了半天时间试图解决这个问题)。我基本上想使用来自 bradfrost Right Side Off-Canvas 响应模式的这种非画布布局

我想要的是:

在移动设备上,左右内容应各为 100% 宽度。左侧内容应该是默认显示的内容,然后单击按钮以滑入右侧内容。

在桌面上,左侧内容应设置为 300px 宽度,右侧内容应适合其余宽度。

似乎在上面的代码示例中,桌面上的宽度设置在右侧内容上,而左侧内容正好适合其余宽度。我基本上想要与桌面上的相反(左侧内容固定宽度,右侧适合其余宽度)。

另一个版本的FOUND HERE代码也类似(并且可能更容易编辑),但问题是正确的内容是默认显示在移动视图上的内容。我需要在移动视图上默认显示左侧。

对此的任何帮助将不胜感激。提前致谢。

4

1 回答 1

0

是你想要的吗? 演示

在移动设备上动画顶部/左侧真的很糟糕。您应该改用 css 转换。

于 2013-06-17T06:21:13.267 回答