Stack Overflow
Stack Overflow

Questions tagged [react-intersection-observer]

52 questions
0
votes
1 answer

Intersection Observer API with react

I am trying to create a navigation tracker on a page where a user scrolls with the intersection observer API and a tracker shows what section on the page in react like something shown in the website with this link https://olaolu.dev/ with the boxes…
Ayodele
  • 35
  • 1
  • 6
0
votes
1 answer

react-intersection-observer not working mobile view

Im trying to use react-intersection-observer and framer motion in conjunction with each other in order to start animation when the component is in view using the useInView hook. Although it works from about 1100px onwards it doesnt work for mobile…
Caolan Fanning
  • 21
  • 5
0
votes
1 answer

How to change background video on scroll in React?

I am trying to change background video on scroll, using react-intersection-observer. When inView changes to true, useEffect must change state to sample2, and send new video to startscreen, where it's using as background video with position fixed.…
Andrew Kruglik
  • 182
  • 1
  • 11
0
votes
1 answer

Check if an element is in the viewport but with mapped refs - ReactJS

I was wondering if anybody could help. I've been looking into lots of solutions to check when elements are displayed in the viewpoint and am currently trying to integrate this method into my project -…
RepublicOfDavid
  • 15
  • 1
  • 5
0
votes
1 answer

Using FramerMotion useTransform Animation while in viewport

I am trying to set up some scroll-based animations using framer motion and react intersection observer. I would like to use the same animation for different sections on the same page as they scroll into view. I can get intersection-observer to work…
DanBilly
  • 77
  • 1
  • 8
0
votes
1 answer

ReactJS — How to use intersection observer in a Class Component?

I manage to use react-intersection-observer in a Function Component. However, I have not been successful when using it with a Class Component. I tried to follow the documentation but I am getting the following error: Invariant failed:…
Diego Oriani
  • 1,647
  • 5
  • 22
  • 31
-1
votes
1 answer

Howto make horizontal scroll with React Scrollama

Is there any help for horizontal scroll story telling components. Is ReactScrollama is only for vertical not horizontal scroll ? thanks
shoji
  • 103
  • 3
1 2 3
4