CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
Takudzwa Mawarire
Takudzwa Mawarire

Reputation: 105

bootstrap sliding panel from the bottom of the screen

Hie guys, i want to design a floating panel that works like the iPad/iPhone Control Center menu.i tried searching around but all i could find were simple in page collapsible panels.When collapsed, the panel should only show a small arrow/ button at the bottom of the screen that will expand the panel in an upward direction.Also the panel should be floating as demonstrated in the dashboard below. A sample of what i want is demonstrated in the weather dashboard below.Check out that panel floating from below in this dashboard image. This is what i currently have. The side panel is a plugin for the Leaflet.js api i am using

Upvotes: 1

Views: 4088

Answers (1)

Luke P
Luke P

Reputation: 734

You need to use position: fixed to keep the drawer at the bottom of the screen and visible, even on scroll.

See http://codepen.io/anon/pen/oxXowM for an example.

Upvotes: 3

Related Questions