How can you instruct an overflowing element on its exact position? I want to use input from a mouse (to mimic swiping and 2nd mouse wheel) and keyboard to instruct the element on its position.
My use case: I want to have a calendar that has many weeks in the same view and allows for user friendly navigation in multiple ways. Next to the (1) scrollbar I’m looking for (2) key-input, (3) mouse swiping and (4) mouse 2nd wheel.
What I know so far is:
how to watch scroll positions (there are many threats on this)
how to capture changes of the mouse cursor (with actions ‘mouse down’ to record starting position and ‘mouse move’ to calculate the scrolling).
What I don’t know is:
How to instruct an element to listen to the second mouse wheel for horizontal scroll?
How to instruct an element to listen to the input of keys/mouse movement?
*Assuming the target container is overflow:scroll both vertically and horizontally
Inside the target container you can make workflow with trigger: On Scroll. In it, add action: Return a value: type object
Test the workflow by making a vertical scroll and horizontal scroll (using the 2nd wheel) both will trigger this workflow
on the logs you can see the values
while for input of keys, you can try setting page or app workflow with trigger keydown ⎯ means when a key is pressed, vice versa for keyup means when a key is released. With the same method above, you can see the the return values in the logs and can make canditional validation as you please.
