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:
position:fixed
does have ideas? in advance.
visual comparison of non-retina vs. retina:
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
Post a Comment