Consider a scenario when you have a responsive design, with 3 columns.
On desktop:
left menu
main column (whole page is scrollable)
right menu
On mobile:
top menu
main column (scrollable)
bottom menu
On desktop when scroll event occurs anywhere on the page - it should be possible to scroll the content inside the content column.
On mobile, we scroll the content within the main column itself.
So here comes my issue/question - is it possible somehow to propagate scroll events from anywhere on the page to the perfect-scrollbar target location (in my case, form body to the content column)?
Currently if the user wants to scroll the content in the main column the user has to hover the mouse over that area specifically. I would like to allow scrolling when the cursor is outside the default zone. Please check the fiddle and the video.
Using latest version 1.5.5
alternatively maybe it's possible to attach the perfect scrollbar to a div that is different from a div where "monitoring" is done? That way I could probably hack my way through this problem. Any advices are welcomed.
Consider a scenario when you have a responsive design, with 3 columns.
On desktop:
On mobile:
On desktop when scroll event occurs anywhere on the page - it should be possible to scroll the content inside the content column. On mobile, we scroll the content within the main column itself.
Here is the example: https://jsfiddle.net/sf8m97L2/5/
Video:
https://user-images.githubusercontent.com/20644772/165400320-e26e7157-3014-4dda-800d-2e441c98c654.mp4
So here comes my issue/question - is it possible somehow to propagate scroll events from anywhere on the page to the
perfect-scrollbartarget location (in my case, formbodyto thecontentcolumn)?Currently if the user wants to scroll the content in the main column the user has to hover the mouse over that area specifically. I would like to allow scrolling when the cursor is outside the default zone. Please check the fiddle and the video.
Using latest version
1.5.5alternatively maybe it's possible to attach the perfect scrollbar to a div that is different from a div where "monitoring" is done? That way I could probably hack my way through this problem. Any advices are welcomed.