DISABLE SCROLLING IN JAVASCRIPT

[{"selector":"#anim-d293b4b7-4e62-4b09-95dc-9ed9dcab344d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a40d9f04-0eeb-4d2d-b401-6fae7a69b341","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-7d916bd9-7071-4c48-8d33-825b94a48741","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8fbe868-2c48-4077-9d71-96c6eaae52ae","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-86370947-fc7f-4f03-8bb1-27632bc22e94","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-558cfb77-4d88-410d-8043-5abcd1120c03","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-3f209006-5357-4821-8f5f-192b20aca22e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7a83c661-7dd7-40ab-9936-98aca82d222a","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-e46c6093-88b9-4621-b517-e42d349330ef","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d503ab70-5589-4bd6-b0b7-e8e3e89bdc7d","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-a40992eb-8f84-47b1-a7a9-6f83ec5ffc30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3d594c0-9d25-4999-93b4-b3128b28632c","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-1c3e77f0-46e2-4df8-8709-f7d75336b671","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-34d8da96-33a0-4053-b19c-14204ce593d2","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-c15ba2d0-d5b4-4ca7-a2e2-27d2374b45d3","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-42969687-9a63-4ab9-ae50-8de1e4eb7265","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-9e1bdd07-44fd-4a78-bb74-3b730e29458e","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-343c12c4-ac94-4918-bd22-64743bbd2ddd","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a5135624-db61-435d-9253-f5c68a320a93","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-3c0c8d83-27db-4aae-9616-8bf6870ee524","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62a2361a-3b45-46c4-8a9a-67dac635538f","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-3c38bbec-3b26-4084-b23f-d69d0c071ff5","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9c9537a1-2b57-4673-813e-a428fa97feba","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-9a81bbac-d1bc-48cc-91d3-14bb4edf9b5b","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c74bca95-5317-479e-8b9c-3c1df857ec14","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-39e19768-36f2-4da5-a2c9-2758957626a9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 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