How to place a clickable object inside scrolling content?

Using JavaScript with Hype
1

Hi all,

I have a clickable element (button in this case), that I cut and then paste inside a div that in itself is also inside a div. The child div receives a background image via javascript and causes the parent div to scroll vertically (with some help of CSS). That is all by design and works great.
The pasted element shows fine inside the scrolling parent div, but lost all its click events.
I have attached a sample project.
How can I get this button to work inside the scrolling parent div?
Suggestions more than welcome!

testscrollwith objects.hype.zip (49.5 KB)

2

you can not copy paste Hypeelements to innerHTML. it's not supported.

instead group the Hypeelements and enable scrolling on this group

1 Like
3

Thank you. Never thought of working with groups and scrolling. Works great this way!