jquery - How to disable Safari elastic scroll to stop a fixed div with a lower z-index being visible? -


i have div .drawer (cart drawer) has z-index lower main wrapper #pagecontainer of website. sits below. when button clicked main wrapper moves left reveal div underneath.

everything fine except when viewing in safari due elastic scrolling if scroll past top of website can see div thats underneath. every other browser seems fine issue due elastic scroll.

i need div fixed , display:block; don't want disappear when drawer closes. ideas how can disable elastic scroll site? or if there need apply css?

any appreciated.

here's demo site

.drawer {  position: fixed;  display: block;  overflow-y: auto;  overflow-x: hidden;  -webkit-overflow-scrolling: touch;  top: 0;  bottom: 0;  padding: 0 ($gutter / 2) ($gutter / 2);  max-width: 95%;  z-index: 10;  } 


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -