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
Post a Comment