html - jQuery height function not working -


i've run issue jquery, when set height of div window height, using code @ js bin, works, when reduce window height manually reducing size of browser, gets chopped off, portion of div goes out of screen.

i set on js bin if resize browser window, notice list number 3 (and on) out of screen. can't wrap head around why happens, i've tried changing jquery version, i've double triple checked code, can't find wrong it. i've rewritten too, still not working. searched on forum, told me add jquery resize function, , proved me hadn't took @ code, because have function, it's setheight function not being executed on window resize. please advise.

actually don't need scripts achieve want. heres css solution - https://jsbin.com/xopamakiru/1/edit?html,css,js,output

your navbar position: fixed positioned relative body, can add height: 100% , take whole height of viewport. need add same height children elements 100% height of nav bar. have 3 li elements (100% / 3 = ~33.33%), adding height: 33.33% makes them equal height. because of using percents, element's heights resize automatically when user resizes window.


Comments

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -