Alexygen Posted June 30, 2020 Share Posted June 30, 2020 Hi! Help me please! I don't understand why all elements .panel scrolling at the same time.And I need to block scrolling See the Pen pogdyxW by Alexygen (@Alexygen) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 30, 2020 Share Posted June 30, 2020 Hey Alexygen. You just have to make sure that the horizontal panels don't wrap. One way to do it: #container { white-space: nowrap; font-size: 0; } .panel { font-size: 1rem; display: inline-flex; } Link to comment Share on other sites More sharing options...
Alexygen Posted June 30, 2020 Author Share Posted June 30, 2020 6 minutes ago, ZachSaucier said: Hey Alexygen. You just have to make sure that the horizontal panels don't wrap. One way to do it: #container { white-space: nowrap; font-size: 0; } .panel { font-size: 1rem; } don't work (( elements red, orange, purple and gray scrolling at the same time Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 30, 2020 Share Posted June 30, 2020 Sorry, forgot to include the display line. It does work. See the Pen JjGORPK?editors=0100 by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Alexygen Posted June 30, 2020 Author Share Posted June 30, 2020 12 minutes ago, ZachSaucier said: Sorry, forgot to include the display line. It does work. thanks! how remove diagonal scroll between gray and blue box? Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 30, 2020 Share Posted June 30, 2020 7 minutes ago, Alexygen said: how remove diagonal scroll between gray and blue box? Change scrub: 1 to scrub: true. Link to comment Share on other sites More sharing options...
Alexygen Posted June 30, 2020 Author Share Posted June 30, 2020 3 minutes ago, ZachSaucier said: Change scrub: 1 to scrub: true. thanks!! Link to comment Share on other sites More sharing options...
Alexygen Posted June 30, 2020 Author Share Posted June 30, 2020 how do infinity scroll like here See the Pen rNOebyo by GreenSock (@GreenSock) on CodePen ? 1 Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 30, 2020 Share Posted June 30, 2020 That approach won't work with your setup because it actually resets the scroll position. Are you just trying to wrap the horizontal sections? How would that work with scrolling to other areas? Perhaps this thread is helpful: Link to comment Share on other sites More sharing options...
Alexygen Posted June 30, 2020 Author Share Posted June 30, 2020 41 minutes ago, ZachSaucier said: That approach won't work with your setup because it actually resets the scroll position. Are you just trying to wrap the horizontal sections? How would that work with scrolling to other areas? Perhaps this thread is helpful: this my test See the Pen dyGZOOQ by Alexygen (@Alexygen) on CodePen I'm trying to make the horizontal scroll endless 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