{"id":31510,"date":"2023-10-06T09:26:58","date_gmt":"2023-10-06T09:26:58","guid":{"rendered":"https:\/\/redseafilmfest.com\/en\/jupiterx-codes\/date-ticker-sticky\/"},"modified":"2023-10-06T09:26:58","modified_gmt":"2023-10-06T09:26:58","slug":"date-ticker-sticky","status":"publish","type":"jupiterx-codes","link":"https:\/\/redseafilmfest.com\/en\/jupiterx-codes\/date-ticker-sticky\/","title":{"rendered":"Date ticker sticky"},"content":{"rendered":"<p><script>\n    \/\/ hides the date ticker in the header\n    gsap.set(\"#date-ticker-header\", {display: 'none'});<\/p>\n<p>    \/\/ when the home page ticker get's to the top of the page it shows the one in the header    \n    let fixTicker = gsap.timeline({scrollTrigger:{trigger:\"#date-ticker\",toggleActions: \"play none none reverse\", start: \"top top\"}})\n        .to(\"body.home #date-ticker-header\", {display: 'block', duration: .25}); <\/p>\n<p>    \/\/ sets the scrolling image to the left\n    gsap.set(\"#date-ticker img\", {x:0});<\/p>\n<p>    \/\/ moves this image as you scroll\n    let scrollTickerImage = gsap.timeline({scrollTrigger:{trigger:\"#date-ticker\",toggleActions: \"play none none reverse\", scrub: 1, start: \"top bottom\"}})\n    .to(\"#date-ticker img\", {x:-200, duration: 30});<\/p>\n<p><\/script><\/p>\n","protected":false},"author":16,"template":"","meta":{"_acf_changed":false},"class_list":["post-31510","jupiterx-codes","type-jupiterx-codes","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/redseafilmfest.com\/en\/wp-json\/wp\/v2\/jupiterx-codes\/31510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redseafilmfest.com\/en\/wp-json\/wp\/v2\/jupiterx-codes"}],"about":[{"href":"https:\/\/redseafilmfest.com\/en\/wp-json\/wp\/v2\/types\/jupiterx-codes"}],"author":[{"embeddable":true,"href":"https:\/\/redseafilmfest.com\/en\/wp-json\/wp\/v2\/users\/16"}],"wp:attachment":[{"href":"https:\/\/redseafilmfest.com\/en\/wp-json\/wp\/v2\/media?parent=31510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}