Comments (3)
When I refresh the page, I see the initial reveals…
What’s odd, is that it seems everything reveals on first load (instead of when scrolled to). My suspicion is that by not having any declared height on any of the elements, the JavaScript views elements as "in viewport" before the HTTP requests complete.
"DOMContentLoaded fires when the DOM has been completely constructed. Certain elements may not have been completely defined or loaded, such as stylesheets, images, and iframes."
This is another issue that seems to stem from scrollReveal’s automatic instantiation upon the DOMContentLoaded
event; the next release will address these types of issues.
This was addressed in #11
from scrollreveal.
Hey, @jlmakes!
Any news on this one? I'm experiencing some serious weirdness when using scrollReveal with a custom Wordpress theme (https://github.com/roots/sage).
I'm using Gulp to serve a preview of my website / build assets, and it seems that anytime I modify the original scrollReveal function invocation (e.g., passing a configuration object to the function below), I have to rebuild the entire Javascript pipeline via Gulp to get the new changes to work. Until I rebuild, I get a scrollReveal is not defined
error in the console.
window.sr = new scrollReveal();
from scrollreveal.
This is a legacy issue. ScrollReveal no longer auto-instantiates, hopefully the theme author has maintained at least version 2 of ScrollReveal. I can’t offer any support for legacy issues (plus most of them have been fixed in later versions).
@mattrothenberg, but from what you’ve described, this sounds like an issue with the theme/gulp configuration… not a bug that can be fixed within ScrollReveal. I recommend opening an issue on the theme’s repository, as the theme author should be able to help you.
Edit: Also, there’s an existing issue for that theme which sounds related to what you’ve described.
from scrollreveal.
Related Issues (20)
- Cleanup option (and method) not working in v4.0.9 HOT 8
- Sveltekit: scrollreveal not working HOT 1
- ScrollReveal gets more and more delayed as you scroll
- Effect in the middle of the screen HOT 2
- Handling mid-page loads HOT 3
- Different Options on Subsequent Reveals?
- How to use elegantly in nuxt3? HOT 5
- Documentation on "Options"
- Repeat previous animation
- Add a copy clipboard button in installation snippets.
- Implement Dependabot to handle dependencies
- Whether to support left and right scrolling display animation
- ScrollReveal element disappears in a certain resolution
- ScrollReveal doesn't work with react-snap on first load, but after navigating with react-router to any page and come back again, is starts working on the same page
- Add a ScrollReveal().refresh(); method
- Viewport issue on slider
- Bugs when page height changes HOT 7
- overflow-x: hidden bug
- framework:"jade" issue:" cannot deliver to agent address : http://localhost:7778 ..... " ext:"java"
- The interval option should only stagger visible elements
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scrollreveal.