Creating Smooth Window Scrolling with JavaScript and Alpine.js

(window.innerHeight || (document.documentElement || document.body).clientHeight))”
@click=”window.scrollTo({top: 0, behavior: ‘smooth’})”
x-show=”isVisible”
x-transition:enter=”transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first”
x-transition:enter-start=”opacity-0 -translate-y-8″
x-transition:enter-end=”opacity-100 translate-y-0″
x-transition:leave=”transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300 transform absolute”
x-transition:leave-start=”opacity-100 translate-y-0″
x-transition:leave-end=”opacity-0 translate-y-12″
class=”inline-flex items-center font-heading border text-button-inverted bg-button border-button hover:bg-button–dark hover:border-button–dark active:bg-button–dark active:scale-95 -mt-6 z-100 p-3 h-max mr-2 [@media(min-width:1170px)]:-mr-14″
>

2024-01-20 21:42:23
#Basketball #Bundesliga #chance #Marburg #hessenschau.de

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *