<scroll-zoom-block>
What is it?
This component is a block whose contents can be scrolled or zoomed in with mouse, keyboard or touch. Click here to expand and see more.
scroll:
by dragging the block with a pointer or touch,
with the arrow keys on a keyboard (when focused),
zoom:
with a mouse wheel,
pinch to zoom,
double click/tap to zoom (including double-right-click to zoom out),
double tap, maintain and drag vertically to zoom,
zoom with the −/+ keyboard keys (when focused),
if using the "controls" attribute, zoom with the −/+ buttons and slider.
Examples of use
HTML
<scroll-zoom-block controls="when-focused"> <div class="big-content"></div> </scroll-zoom-block>
Output