Stack Overflow
Stack Overflow

Questions tagged [scrollreveal.js]

scrollReveal.js is a javascript package used to animate DOM elements as they enter the viewport.

scrollReveal.js is an open source javascript package created by Julian Lloyd used to animate DOM elements as they enter the viewport.

Live demo

39 questions
9
votes
1 answer

ScrollReveal.js — Reveal All items on Click or Event?

Is there a way to reveal all items with scroll reveal with a click event? Perhaps a reveal all function? Problem: I am using scroll reveal as well as Isotope. The sorting functionality of isotope reacts strange with scroll reveal. When I click a…
Radmation
  • 1,486
  • 1
  • 13
  • 30
6
votes
2 answers

scrollreveal.js and flexbox

I'm experiencing an issue with using scrollreveal.js together with flexbox. I've created a few two-column rows along the page using display flex and when trying to reveal each column separately with the scrollreveal reference only one of them are…
Staffan Estberg
  • 6,795
  • 16
  • 71
  • 107
4
votes
1 answer

ScrollReveal.js not working on Safari with elements

I'm currently using ScrollReveal.js to make a bunch of tiny pixelated boxes do random things when scrolled upon, with the following code: var index=0; $(document).ready(function(){ jQuery('.pixel-box').each(function() { //each tiny box has class…
chrisxwan
  • 51
  • 4
3
votes
1 answer

Using ScrollReveal to animate in parts of SVG

I'm using the ScrollReveal library to animate in sections of my site. I have a pretty complex vector which contains five groups. I'm trying to animate these five groups in separately using this library. Here is my approach currently: My SVG is a bit…
Freddy
  • 683
  • 4
  • 35
  • 114
2
votes
1 answer

ScrollReveal gets more and more delayed as you scroll

Can anyone explain why this home page, the scroll reveal gets slowly worse as worse as you scroll. https://www.zedmed.com.au/ Things at the bottom are easily on the screen but do not show until you scroll a bit further. While ones at the top work…
MomasVII
  • 4,641
  • 5
  • 35
  • 52
2
votes
1 answer

ScrollReveal with webpack - ReferenceError: ScrollReveal is not defined

Using Laravel 5.6.29 with laravel-mix@2.1.11 & webpack@3.12.0. After installing scrollreveal@3.4.0 via npm i scrollreveal and requiring it in my app.js with require('scrollreveal'), I see that in my app.js output that ScrollReveal is there to be…
ASertacAkkaya
  • 651
  • 6
  • 16
2
votes
1 answer

Scrollreveal.js not working on modal

I tried using scrollreveal.js on modal. But i'm having a problem revealing the content when modal is scroll. I've tried changing the viewport(see the code below both not working) to myModal but still not working. Thanks for your help. Here my fiddle…
Undecided Dev
  • 840
  • 6
  • 16
2
votes
1 answer

How to use scrollRevealJS alongside AnimateCSS?

I love both the scrollRevealJS and AnimateCSS libraries for animations, however, I would like to use them both on one element. For example, I have a div
Lorem Ipsum
. For some reason,…
Ralph David Abernathy
  • 5,230
  • 11
  • 51
  • 78
1
vote
1 answer

ReferenceError: document is not defined in Next.js

I'm trying to integrate the ScrollReveal library into my Next.js app. I'm encountering an error when I use ScrollReveal inside a useEffect hook. The error message is: ReferenceError: document is not defined I understand that this error typically…
Mirzohid Salimov
  • 13
  • 4
1
vote
1 answer

scrollreveal ReferenceError: document is not defined after requiring const ScrollReveal = require("scrollreveal");

I am trying to use the scrollreveal javascript. Installed it via npm and use it in my NodeJS code (see below). Also, I'm including it in my HTML as well. Now when I run nodemon app.js in hyper terminal I get this error: C:\Users\Admin\Desktop\My…
Spicy Sauce
  • 115
  • 1
  • 1
  • 9
1
vote
0 answers

My last item of owlCarousel appears only when browser window zooming out

I'm using owlCarousel library in my popular-travel section, and to make the item (image) more interactive. I use scrollReveal.js to animate when the section appears in the viewport. Everything works fine, but my last item (4th image) in my popular…
Elwin Musadi
  • 31
  • 3
1
vote
1 answer

Scrollreveal.js using afterreveal to call function

I'm using Scrollreveal.js to reveal some divs on my website. Now i want Scrollreveal to call a function after it has revealed a specific div. As the documentation says: " // Callbacks that fire for each completed element reveal, and…
Vegapunk
  • 99
  • 7
1
vote
1 answer

ScrollReveal Not Working in Custom Viewport

I've read many tutorials, but I'm struggling to get ScrollReveal to work. I have two major columns, with the left using a scroll bar, and the right with no scrolling. There are no errors in the console, and I get this when I inspect the div element…
Sophia Chung
  • 61
  • 6
1
vote
2 answers

ScrollReveal not working

I'm doing everything the internet says, the exact same coding, step by step. Doesn't seem to work for me. jQuery:
user5635857
1
2 3