I'm designing blocks of content that scroll left-to-right on a page that uses infinite scrolling. If the user has scrolled through a section all the way to the right, what should happen when they scroll down, and new content loads on the page?
- The system should return the user to the original left-most position on the page and start additional scrolling sections at their left-most positions
- Content in the newly-loaded section should load on a similar y-axis to the content above it, let the user scroll back to the left and control their own left-to-right orientation
- Force the sections that scroll left-to-right to be fixed-width so that the user only scrolls within the viewport (is this possible for responsive?)
- Combining left-to-right scrolling can't work with infinite vertical scrolling and there's a better pattern for this (would appreciate suggestions)