scroll - Macbook retina CSS: scrollable div scrollbar overlapped by parent scrollbar -


found strange problem, did googling , didn't find similar issues.

in short. have position fixed div inside position fixed div. on non-retina, everything's fine, on macbook retina (webkit browsers) scrollbar of parent overlaps scrollbar of div should on top:

http://jsfiddle.net/3by6ohq0/

position:fixed 

does have ideas? in advance.

visual comparison of non-retina vs. retina:

http://i.imgur.com/itlrgmh.png

the reason behind relates usage of pixels. right now, inner fixed div of class "floating" have set to:

right:7px; 

in hope make off scrollbar. however, unfortune, scrollbars not same width in every operating system. on retina macbooc pro,there more pixels make width of scrollbar (so it's not tiny eye), 2x amount, , therefore 7px right not justify greater amount of pixels. nor on ubuntu use. best method this:

.floating {     position:relative;     float:right; } 

or absolute positioning better fixed. because right since parent element has fixed position, child element justifying position body, or parent element of parent element.


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -