javascript - Bootstrap scroll on divs depending on device height -

is there way have scrollbar appear on div depending on devices height?

this menu opened hamburger drawer on side. drawer contains 3 divs - login div, menu div , social media div can reorder 3 divs on liking. menu div customization on how many items show.

my problem of there 10 items in menu , viewed on phone. overlays on bottom div if there one.

i not overlay other divs.

i tried using css - overflow-y:scroll requires fixed height.

i tried using js example http://jsfiddle.net/6wand/20/

but header , footer can vary won't work p.s maybe check if div exist or not first? how implement this?

is there way can achieve this?