javascript - 从屏幕底部 Bootstrap 滑动面板

Question

大家好，我想设计一个像 iPad/iPhone 控制中心菜单一样工作的 float 面板。我试着四处搜索，但我能找到的只是页面可折叠面板中的简单内容。折叠时，面板应该只显示一个小的屏幕底部的箭头/按钮将向上扩展面板。此外，面板应该 float ，如下面的仪表板所示。下面的天气仪表板中展示了我想要的示例。 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举个例子。