Help with Clickable Links in Draggable Scrolling
Hi everyone!
I’m working on a horizontal scrollable/draggable block with clickable links, and I’m facing an issue. I want the links to be both draggable and clickable. Currently, when I drag the slider, the links are only being dragged and not scrolling; they only register a drag action if I click outside of the link.
Here are the specific points I want to mention:
Current Behavior: The links are only dragged when I click and drag directly on them. I want the entire scrollable div to scroll when dragging on any part of it, including the links.
Expected Behavior: If I click and drag outside of the link but still within the scrollable div, it works as intended.
Desired Solution: I want to make the links clickable and also ensure that dragging on the links will scroll the scrollable div.
Here is the CodePen link to the demo: https://codepen.io/umanga/pen/xxvbmqQ
Any help or guidance on how to achieve this would be greatly appreciated!
Thank you!
0 Replies