Questions tagged [intersection-observer]
Javascript IntersectionObserver is an API for finding intersections of DOM elements.
intersection-observer
598
questions
0
votes
0
answers
25
views
React-query sometimes render with no uses value and i don't know why
I try to make infinite scroll. And i found out sometime react query fetch twice. for example, it should fetch only second page, but some time fetch second and third pages. (I'll call this a bug in the ...
0
votes
0
answers
9
views
Component not intersecting on viewports <= 460px in width
I am using IntersectionObserver to produce animations on my website and it behaves as expected on browser widths > 460px.
However, when the browser width is <= 460px, the About component is not ...
- 1
0
votes
0
answers
13
views
Video Autoplay and Long Press Functionality for React Video Component: Works on Desktop but Not on Mobile
I'm working on a React component where I need to implement functionality similar to Instagram's video playback behavior. The requirements are as follows:
When the video comes into the viewport, it ...
- 59
0
votes
1
answer
57
views
vue 3 composition api, can not return value from a helper function to component
i think this is a problem of scope inside my helper function, i have successfully implementing the same logic in my component and it works perfectly
i have already using a composable function to use ...
0
votes
1
answer
27
views
Create a WeakSet of all elements whose layout overflows documentElement
I want to create a WeakSet of all elements that are not 100% contained within the css layout bounds of the document root (<html> tag). I need it to update in real time and not have a huge hit on ...
- 12.8k
0
votes
1
answer
61
views
State in IntersectionObserver callback is undefined
I have a react app that displays a grid of 3 columns. I'm trying to implement the Intersection Observer Api to enable infinite scroll, however, it's not working. The following code prints out:
in ...
- 934
1
vote
0
answers
39
views
I am trying to use intersection observer to continuously call an api. But the api call happens only for the first time
I am trying to call the api when I reach the bottom of the element(once 100% of the content is loaded in the viewport). But the api call is happening only for the first time and it is not triggered ...
- 23
0
votes
1
answer
55
views
Managing IntersectionObserver with SwiperJS Autoplay
I'm trying to set up an IntersectionObserver on my feedback section, which has an autoplay feature. I use SwiperJS in Vue 3. First check if the section is visible and then start autoplay, otherwise, I ...
- 319
1
vote
1
answer
39
views
IntersectionObserver callback is being run even if the target isnt on the viewport
I am trying to execute a function when an element is visible in the viewport but the callback is running even if the element is wayyy below.
this is App.jsx
import {useState,useEffect,useRef} from '...
- 149
0
votes
0
answers
20
views
Why intersection observer doesnot work through wp code plugin on wordpress
My intersection observer does not work.
I tried to create CSS and javascript code through a wp code plugin on wordpress to create a fadein effect on my elements with the class fade-in when someone ...
0
votes
0
answers
48
views
Detect a blog Post and get the view count with Intersection Observer on the Nuxt app
I want to count the post view on a page of my Nuxt app when user scroll to it .
I have a list of posts on a page and I am using Intersection Observer to count Post views. When a user scrolls to a Post ...
- 351
1
vote
0
answers
22
views
angular enteredview directive
I've been trying to create an angular directive which animates images with a shift-up-transition once they enter the viewport. However it's not working as expected.
I created a StackBlitz here
The ...
- 3,586
0
votes
0
answers
23
views
Threshold seems to break my website, IntersectionObserver not working as intended
Recently I've tried to follow a youtube tutorial on scroll animations using IntersectionObserver, I followed step by step but it seems when min-weight is set to 100vh, 2 sections load in at the same ...
0
votes
0
answers
34
views
Sticky section vertical scroll animation
I need some help with positioning the div. I have three main sections with 100vh. The middle sections have six more sections. What I am trying to achieve is when the user scroll to middle section the ...
2
votes
1
answer
35
views
How do I update blog post list with filtered results?
Running into an issue with my blog search function. When I submit the search form, the filters/params are updated but in order for the requested blog posts to be returned I have to manually refresh ...
- 21