Foundation 5 off-canvas full height of device

后端未结

关注

 4  1440

I\'m using Foundation\'s off-canvas navigation, attempting to make a navigation that takes up the full height of the device.

By default, the height of the menu opti

4条回答

2020-12-25 12:47

Try if this works, first enclose the

in another div


    
        
         [..]

And then set the following css,

body,html{
    height:100%;
    width:100%;
}

.off-canvas-wrap,.inner-wrap{
    height:100%;   
}

If you want to block scrolling, say for a chat client, set .page height to 100%. And that would be

body,html{
    height:100%;
    width:100%;
}
.off-canvas-wrap,.inner-wrap{
    height:100%;   
}
.page{
    height:100%;   
}

0 讨论(0)