从屏幕底部的引导滑动面板

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举例。