![]() ![]() manipulation: Here the standard gestures like panning and pinch-zoom features are turned ON but some non-standard ones like double-tap to zoom are turned OFF.Also, there are some sub-values like pan-x, pan-up, pan-left etc. pan-x and pan-y: You enable the single-finger horizontal and vertical gestures respectively.none: With this, you disable all the panning and zooming features.auto: All the panning and zooming features are allowed.Here are some of the exciting values it comes with: ![]() So, when you start a gesture with your fingers on your smartphone, what happens in the background is that the browser intersects with the touch-action values of the touched element (like a draggable box) and its ancestors (like a body container), up to the one that implements the gesture. The exciting features that come with touchscreens like pinch-to-zoom, pan, double-tap to quick zoom, etc can all be controlled with this amazing CSS property. The touch-action property sets how an element's region can be changed on a touch-enabled device. We come to the touch-enabled devices land! Debug scrollable overflow by Mozilla Developer Network.Finding/Fixing Unintended Body Overflow by CSS Tricks.The CSS Overflow Property on CSS Tricks.You need to add the following in your CSS: If there the content fits inside the container, it will be similar to the default visible behavior. overflow: auto This will automatically decide whether to clip the content or not. ![]() Note that the scrollbar will always be visible no matter what.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |