saumil_ww Posted July 27, 2022 Share Posted July 27, 2022 Hello, I used the pinning concept of gsap and with the help of codepen demo, I implement this section (see codepen: ). Please help me solve this issue asap. See the Pen bGexQpq?editors=0010 by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
iDad5 Posted July 27, 2022 Share Posted July 27, 2022 I'd like to help, especially if it's urgent, but without more information, a codPen, or a lik to the live page, it would a magician. Magic inkling: It looks like a CSS issue, or at least could be solved that way, but please provide mor information the screenshot isn't enough. 1 Link to comment Share on other sites More sharing options...
saumil_ww Posted July 27, 2022 Author Share Posted July 27, 2022 Thank you for your quick response. Here is the link: https://www.vtion.in/audience-activation/ Note: especially the issue occurs in the Mozilla browser. Link to comment Share on other sites More sharing options...
iDad5 Posted July 27, 2022 Share Posted July 27, 2022 Hi, I cannot reproduce your issue from the screenshot either in Firefox mac nor Firefox windows. The section concerned looks and behaves 'wrong' on a 4k monitor though. Can you give more details on how to reproduce the issue? 1 Link to comment Share on other sites More sharing options...
saumil_ww Posted July 27, 2022 Author Share Posted July 27, 2022 Hey, When I reach the section, then on down or up scrolling the issue is happening. I checked with other laptops then still I am facing the same issue. If you want to see the issue by video then I can send you the recording video. Link to comment Share on other sites More sharing options...
iDad5 Posted July 27, 2022 Share Posted July 27, 2022 After a little playing around, I guess I found what you mean. It happens when the user scrolls while automatic snapping is going on. That's on the one hand hard to solve from a logical standpoint, but in your care it seems that some jumping is also going on. As there are 36 js -files loaded by that page it is very hard to isolate the issue from the page. You really should try to isolate it by stripping it down as far a possible. Ofen enough that alone helps figuring out where the problem originates from if not it might lead to a CodePen, that enable the people around her to point you in the right direction. 1 Link to comment Share on other sites More sharing options...
saumil_ww Posted July 27, 2022 Author Share Posted July 27, 2022 Do you have any alternative solution for the section ? Link to comment Share on other sites More sharing options...
Cassie Posted July 27, 2022 Share Posted July 27, 2022 As @iDad5 recommended - Isolating this out and popping together a codepen is the right way to go here. I'd definitely do that before trying alternative solutions. 1 Link to comment Share on other sites More sharing options...
iDad5 Posted July 27, 2022 Share Posted July 27, 2022 No, I don't have any alternate solution - I haven't really grasped your solution in detail for the reasons mentioned. I'd guess, based on experience and gut feeling, that in general your solution is the right way, you just have some (hopefully) minor glitches to even out by isolating them. And in the case that the use takes over control while automatic snapping is going on - well that's just what happens and it might be near impossible to have a page like the one you want absolutely perfect in every state of transition. Those fringe-cases usually only occur wehen the developers and designers play around for hours and can often only be spotted und the looking-glass. I'm a perfectionist too, but I try to be content with near perfection whenever possible, otherwise my kids would die from hunger, not just suffer. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now