从屏幕底部开始滑动面板

Question

嗨伙计们，我想设计一个像iPad / iPhone控制中心菜单一样工作的浮动面板。我试着四处寻找但我能找到的只是简单的页面可折叠面板。当折叠时，面板应该只显示一个小的屏幕底部的箭头/按钮将向上展开面板。面板应该是浮动的，如下面的仪表板所示。 我想要的样本在下面的天气仪表板中展示。Check out that panel floating from below in this dashboard image。 This is what i currently have。侧面板是我正在使用的Leaflet.js api的插件

Answer 1

您需要使用position: fixed将抽屉保持在屏幕底部并且可见，即使在滚动时也是如此。

有关示例，请参阅http://codepen.io/anon/pen/oxXowM。