DISABLE SCROLLING IN JAVASCRIPT

[{"selector":"#anim-0351d650-99c6-439c-924c-35d91e754a1f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef0b1189-ac3c-4239-929e-261e1d784149","keyframes":{"transform":["translate3d(0px, 147.14711%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce221d17-cbe7-4606-9064-9177a39d603d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c32d1b31-f9ca-499c-ac3b-b04425357669","keyframes":{"transform":["translate3d(0px, -1278.39557%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa1c121f-4acd-41e1-a380-f83702a34081","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77d129e9-935d-4d17-96f7-59d7a1bbaa06","keyframes":{"transform":["translate3d(0px, 290.74071%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] JS (quick guide & examples)

FORCE SCROLL

[{"selector":"#anim-5952d369-0a61-4fe9-9977-7637d045d006","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54c18156-0a5a-4f0a-b79e-ef343aee549c","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7528bcc-96fb-45ec-b08e-95d36dea438c","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-093e421b-2644-44eb-803f-d7d0bd700819","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] SCROLL BACK TO TOP OF PAGE window.onscroll = () => window.scroll(0, 0); SCROLL BACK TO ELEMENT window.onscroll = () => document.getElementById("ID") .scrollIntoView();

HIDE OVERFLOW

[{"selector":"#anim-74f32a3b-bedb-4dee-be42-3f611693e128","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cee70a65-a5eb-4f5d-ba54-1fa3cff4b35a","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] NO SCROLL, NO TEXT HIGHLIGHT. document.body.style.overflow = "hidden"; document.body.style.userSelect = "none";

FULLSCREEN WRAPPER (A)

[{"selector":"#anim-d5c13563-64f3-459e-af12-4e27b7363030","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-e7aae2a5-e7cb-4af5-934a-08762261f426","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] FULL SCREEN DIV <div style="position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999; background: white; display:none;" id="box"> CONTENT HERE </div>

FULLSCREEN WRAPPER (B)

[{"selector":"#anim-f7082c90-1a43-40ac-890a-a8268f42d8ed","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-19479554-e108-486c-92a3-8bdc4b41eb5b","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] JAVASCRIPT TO TOGGLE VISIBILITY document.getElementById("box").style .display = "block"; document.getElementById("box").style .display = "none";

VISIT & FOLLOW

[{"selector":"#anim-9bf3b790-9c12-47e3-8e57-02ccf925c592","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f840f7e2-e4bf-4f34-a661-75e9132c59c6","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-59bc192f-30f3-4f22-b307-3e0a75ea50a7","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe3e41bc-6327-4a8c-aa5f-8e4e3e32edfd","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc831ab3-4865-4ef9-8d72-40102fb5931c","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b0a45153-fc9b-40ad-8fcf-a1aadfb4a43e","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5187f2f9-00dd-4a0c-a88e-931e066a1ea4","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fdc69ed5-1822-43d3-8217-136d5166872b","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b337b19-3453-4585-968d-d3fe75f84cf6","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d872d246-f9cb-4f3a-8daa-39cc6365f50b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-11.80816216074166%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

DISABLE SCROLLING IN JAVASCRIPT

FORCE SCROLL

01

HIDE OVERFLOW

02

FULLSCREEN WRAPPER (A)

03

FULLSCREEN WRAPPER (B)

04

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL