https://codepen.io/developerjames9/pen/yLxrrwM
I am having issues with the fourth section of my current website layout. It should be horizontally scrollable with an inner div containing vertically scrollable text. However, when you open my Codepen link and scroll down to the fourth section, you'll notice that the horizontal scroll is working fine. Still, the vertical scroll within the second column of the horizontal section is not functioning properly.
To provide more details, the fourth section is divided into 6x6 columns, with the first 6th column containing a fixed image and the second 6th column being the one that needs to be vertically scrollable. I need the vertical scroll within the horizontal section on the second 6th column to work seamlessly. Once the vertical scroll reaches the end, the second horizontal section should start scrolling, which is the same setup as the previous section.
I am sending you the example which I want. open this reference link (https://water.falmec.com/en/) and got to the section "SINKS" and check the scroll horizontally with a vertical scroll in the same section, I want the same functionality as that.
Please help me with this issue and tell me the solution or code. I am waiting for your response with a solution, and thank you in advance