IE6 seems to render all combinations differently, but of course here ‘visible’ means ‘expand’ the box (in the specified direction) to enclose the content. In IE7, IE8 ‘visible’ becomes ‘hidden’ when combined with ‘hidden’. 
Gecko 1.8, Safari 3, Opera 9.5 are pretty consistent among them. css webkit scrollbarwebkit scrollbarwebkit scrollbar paddingwebkit-scrollbarhtml overflow scroll only if needed with exemplewebkit-scrollbar-button.
In Gecko, Safari, Opera, ‘visible’ becomes ‘auto’ also when combined with ‘hidden’ (in other words: ‘visible’ becomes ‘auto’ when combined with anything else different from ‘visible’). Īll browsers seem to further reduce the number of combinations giving different results: You need to add -webkit-overflow-scroll: touch on the element that has overflow:scroll, i.e. Most desktop browsers will display both horizontal. some combinations with ‘visible’ are not possible: if one is specified as ‘visible’ and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’. The content above is clipped in a 100px by 100px box, with scrolling available to view overflowing content. Syntax Values auto Use 'regular' scrolling, where the content immediately ceases to scroll when you remove your finger from the touchscreen. When one of the two properties is ‘auto’ there are four cases: two with only one overflowing bar at a time, one with both overflowing, one with no overflow (the third case should behave as with ‘scroll’ instead of ‘auto’).Īccording to the spec. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element. Elements get promoted in Hi DPI contexts, so mobile & retina MacBook Pros are A+ as of about Chrome 40. overflow-scrolling Demo of a bug in iOS Safari for -webkit-overflow-scrolling The GitHub page demonstrates a bug where the -webkit-overflow-scrolling CSS property, when set to touch, doesn't add a scroll bar when switched into portrait mode on iOS Safari if the content was not scrollable in landscape. Chrome also behaves differently on hi vs low DPI. Ah I knew it was something with white-space.Thanks a lot for your time larin555. In all the following test cases the green box has fixed dimensions (80px × 80px, with padding 9px, border 10px.) The blue bar (width 119px, border 1px) should overflow at the right, and the red one (height 119px, border 1px) at the bottom. Obviously overflow: scroll is a strong hint that we want scrolling so we want the compositor to help. Partially supported in Gecko 1.8, Safari 3, Opera 9.5, IE. W3C CSS3 working draft: The 'overflow-x' and 'overflow-y' properties. Overflow-x, overflow-y (CSS3 properties) overflow-x, overflow-y tests
0 kommentar(er)
