@coddicat/vue-pinch-scroll-zoom
Version:
Vue component enabling scroll and zoom functionalities for content, leveraging mouse interactions on desktop and two-finger pinch gestures on mobile devices
2 lines (1 loc) • 478 B
CSS
.pinch-scroll-zoom{text-align:initial;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;user-zoom:none;overflow:hidden}.pinch-scroll-zoom :active{cursor:all-scroll}.pinch-scroll-zoom--zoom-in{cursor:zoom-in}.pinch-scroll-zoom--zoom-out{cursor:zoom-out}.pinch-scroll-zoom__content{position:absolute;top:0;left:0;width:100%;height:100%}.pinch-scroll-zoom__content img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}