TruongNH
TruongNH's Achievements
-
Rare
-
Rare
-
Rare
-
Rare
-
Recent Badges
1
Reputation
-
so it means this is the rendering issue of foreignObject on IOS and can't fix that right?
-
I'm facing a problem with animate html inside foreignObject. when I click the button it animates. it works normally on desktop and Android devices and is debug responsive with iPhone on the Chrome dev tool. but when I'm testing in a real iPhone. it causing problems. the text and jumping big above the SVG and this is not i want. how can i fix it ? Please help me. this is the demo in codesandbox: animate html ìn foreignObject - CodeSandbox
-
I got it. Now it's better. Thank you so much.
-
Hi, I have some trouble with my Observer. I used it to snap between 2 sections. I have a state for the open menu is isOpenedMenu and pass it to the navbar as props. But when I click many times it causes an error with the Observer. I'm going crazy over this because when stated in the navbar component it works normally. What's wrong with the Observer? Here is my codesanbox: Maximum call stack size exceeded by observer - CodeSandbox Please support me, Thank you so much
-
Sorry for the inconvenience, I have followed your recommendation and started from simple. I also added Gsap context to the project based on your advice but I forgot to update it on code sandbox. But I still have problems with normal scroll cause I have an overflow and it affects the follow cursor. But in your example is not using overflow: hidden. Thanks to mvaneijgen Now I change to the follow cursor using gsap and the problem disappears. And I can disable the overflow now to make it normal. And I think there's no problem Thanks to @Rodrigo and @mvaneijgen for support me.
-
I don't stand your meaning with the page doesn't scroll vertically for you. By the way, with the mouse follow with gsap you send. Is possible to increase speed of follow mouse ?
-
Thanks for your reply. My project has a follow cursor that only works when the overflow is hidden. So I have to use the Observer to fake the scroll. Furthermore, I'm trying to make a page with a scroll like this David | Creative Developer (david-hckh.com). When I inspect the page. I can see it uses snap from sections 1 to 2 by top attribute and from section 2 the page uses transform by Y attribute. That's why I'm trying to reach the normal scroll with scroll value
-
I have stuck to make a normal scroll with Observer. I have scroll snapped from sections 1 to 2 and from sections 2 to 4 scroll normally with Observer. The body has overflow: hidden that I can't remove. Currently, the normal scroll I make by increasing progress to test. I'm trying to make it scroll by translate y with the mouse or wheel scroll value. This is the code sandbox: https://codesandbox.io/s/scroll-rfjx9k How can I reach that? Please help me . Thanks so much
-
@Rodrigo Thanks for your instructions. I have tried with your instructions and I have reached the snap between section 1 and section 2. But for a normal scroll from section 2 I have overflow: hidden. So I'm trying to make a normal scroll by Y. Currently I'm using auto-increase height. I want to make it scroll value height. How can I reach that? This is what I have reached: https://codesandbox.io/s/scroll-rfjx9k
-
Thanks for giving a solution. I have tried to use Observer to snap between landingpage(section 1) and scroll-container (section 2) . But I have a problem I can't scroll snap between section 1 and section 2 and freescroll for scroll-container. Where am I wrong and where am I lacking? Here is the code sandbox: scroll - CodeSandbox
-
Thanks for giving a solution. I have tried to use Observer to snap between landingpage(section 1) and scroll-container (section 2) . But I have a problem I can't scroll snap between section 1 and section 2 and freescroll for scroll-container. Where am I wrong and where am I lacking ? Here is the code sandbox: scroll - CodeSandbox
-
I have been stuck here for a week. I'm trying to make a scroll snap from section 1 to section 2 with a delay time for exit animation and reverse. From section 2 to section 4 it can be a normal scroll. I'm using overflow: hidden that I can't let it go. This is the reason that I think it prevents me from scrolling snap and normal scroll. The scroll way I try to achieve is exactly the same as this website: David | Creative Developer (david-hckh.com) Here is the codesandbox : https://codesandbox.io/s/scroll-rfjx9k How can I achieve this ? Please help me with this....
