I am trying to implement ngInfiniteScroll and it works fine when I am scrolling down. But, I want to prevent it from triggering when I scroll up when scroll position is near the bottom. Any help ?
set some object like isScrollUp=true when somebody scroll up and place that object in infinite-scroll-disabled='isScrollUp'
Related
My slider component disappears when it should pin to the page. I believe it is related to the page scroll with Locomotive scroll messing up with translating the page. However, this should be possible and I found a tutorial by Greensock. I cannot get it to work though, my content keeps disappearing. Here is a minimal demo: https://codesandbox.io/s/cool-noyce-108h6c?file=/pages/index.tsx
Here is also a link to the final webpage: https://juliaweber-git-preview-inzn.vercel.app
Any help is greatly appreciated!
Basically title. I want to wait for the cells that are going to visible to be rendered before scrolling to the position because right now i am getting a lot of blank area when scrolling fast.
Can you try to optimize your cell list rendering first? FlashList has this performance issue when the app renders heavier content (videos, high-resolution images,...).
Replacing FlatList with Shopify's FlashList should fix the problem - https://shopify.github.io/flash-list/
How can we make smooth scroll from locomotive scroll and scroll triggered animations (with framer motion and react-intersection-observer) coexist ?
I've made a very basic codesandbox with smooth scroll enabled and a small animation scroll triggered and as you can see the animation is very "buggy" (to see it, you have to open the codesandbox browser in a new window, if not, the smooth scroll doesn't work - and the animations works fine) :
https://codesandbox.io/s/smooth-scroll-framer-motion-8z5u8s?file=/src/App.js
Maybe I implemented locomotive scroll in a bad way ? Maybe I did something wrong with the animation ? Maybe it's simply impossible ? You tell me :)
Cheers
i have created a plunker
So, i have onResize event, and i think it a buggy, you can see timeout on componentDidMount what pushed new items to state, after 2s please scroll to bottom and try resize page, you will see blink on first time, and normal resize behavior after,
so what correct way to fix this blink or clear cache after resize?
We are having a grid panel which refreshes every 20 seconds (getView().refresh()).
After refresh, the scrollbar loses position and the screen moves up and down. Also, a blank screen is displayed whenever the scrollbar is used and if the refresh happens at the same time. This is happening in both IE and Firefox.
Cellediting plugin is turned on in the grid panel.
Tried different options like preserveScrollerOnRefresh, listeners on beforerefresh, refresh to maintain scroll position, Ext.empty function...etc, but nothing seems to work.
Can anyone please reply on this?
I tried this option but didn't work. I get a blank screen on scroll during refresh or the scrollbar jumps to any position after refresh