Title: How to delay Javascript code
Last modified: May 20, 2024

---

# How to delay Javascript code

 *  Resolved [aeirus](https://wordpress.org/support/users/aeirus/)
 * (@aeirus)
 * [2 years ago](https://wordpress.org/support/topic/how-to-delay-javascript-code/)
 * I followed a css and javascript tutorial where the image transforms into full
   screen as you scroll. But since he uses absolute positioning and fixed positioning
   I cant change the place of the svg image. So instead I want to delay the effect
   until I reach it on scroll. You can check on my website there is a container 
   with a gray background but the svg image is loaded behind it and the code is 
   activating. How can I make the code activate only after my scroll passes that
   container?
    -  This topic was modified 2 years ago by [aeirus](https://wordpress.org/support/users/aeirus/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-to-delay-javascript-code%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Joel](https://wordpress.org/support/users/joelsm/)
 * (@joelsm)
 * [2 years ago](https://wordpress.org/support/topic/how-to-delay-javascript-code/#post-17768693)
 * Hello,
 * Unfortunately, providing custom code assistance falls outside our support scope.
 * Just remember that this is not official [Elementor support](https://elementor.com/help/how-to-submit-a-support-ticket/),
   as we have our official support channels for our [customers on our website](https://elementor.com/contact/).
 * Also, at the moment, development/custom code queries (custom widgets and functions,
   Theme Child, custom code and CSS, BETA testing issues, compatibility issues, 
   etc.) must be directed to our [GitHub project](https://github.com/pojome/elementor/issues),
   where our developers can assist. Kindly note that our GitHub project is not a
   support channel. Therefore, the response times may vary. 
 * To post on our Github Repository, you can follow this guide: [Contribution Guidelines](https://github.com/elementor/elementor/blob/master/.github/CONTRIBUTING.md#:~:text=Raw%250A%2520%2520%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Blame-,contribution%2520guidelines,-Before%2520filing%2520a)
 * You could also refer to our developers’ documentation and see if that helps: 
   [Elementor Developers Documentation Center](https://developers.elementor.com/#:~:text=elementor%20developers%20documentation%20center).
   
   I hope it will help you with future projects.
 * Kind Regards,

Viewing 1 replies (of 1 total)

The topic ‘How to delay Javascript code’ is closed to new replies.

 * ![](https://ps.w.org/elementor/assets/icon-256x256.gif?rev=3444228)
 * [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/elementor/)
 * [Active Topics](https://wordpress.org/support/plugin/elementor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/elementor/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Joel](https://wordpress.org/support/users/joelsm/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/how-to-delay-javascript-code/#post-17768693)
 * Status: resolved