css - Using a jquery added class to move a mobile menu onscreen -


i have mobile menu slides left off screen right. works using below code. however, when it's off screen, can scroll mobile view on right , see off screen rather not shown @ all, , mobile screen width staying put. how fix issue?

.mobile-menu { width:200px; border:1px solid #eee; background-color:#f2f2f2; height:285px; position:absolute; top:35px; right:-200px; z-index:99999; display:none;  -webkit-transition: right 0.1s ease-out;  /* chrome 1-25, safari 3.2+ */  -moz-transition: right 0.1s ease-out;  /* firefox 4-15 */    -o-transition: right 0.1s ease-out;  /* opera 10.50–12.00 */       transition: right 0.1s ease-out;  /* chrome 26, firefox 16+, ie 10+, opera 12.10+ */ } .mobile-on-screen { right:0 !important; display:block; } 

i can't see full code, however, guess missing overflow: hidden; on parent div, or body.


Comments

Popular posts from this blog

'hasOwnProperty' in javascript -

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

java - How to provide dependency injections in Eclipse RCP 3.x? -