Select an option to add this to your cart.
0) {
dragging = true;
startY = $event.touches[0].clientY;
}
" @touchmove.window="
if (dragging) {
let deltaY = $event.touches[0].clientY - startY;
if (deltaY > 0) {
pos_y = deltaY;
if (pos_y > window.innerHeight / 3) {
dragging = false;
pos_y = 1200;
drag_drawer = false;
if (!menu_drawer) {
enable_body_scrolling = true;
has_overlay = false;
}
}
} else {
pos_y = 0;
}
}
" :style=" 'transform: translate(0px, ' + pos_y + 'px)'" x-trap="drag_drawer" x-show="drag_drawer" x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0" x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0" x-transition:enter-end="!translate-y-0 opacity-100" x-transition:leave="animation-300 !translate-y-0 opacity-100" x-transition:leave-start="!translate-y-0 opacity-100" x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0" style="transform: translate(0px, 0px); display: none;">