Is there a way to have a scrollbar inside a pinned element?

Sharovipteryx shared this question 11 months ago
Answered

Hi, I've used a vertically long 'pinned left' element (from parallax elements) to simulate a pinned left-side menu in my prototype with some content inside of it. When I simulate the prototype and then resize the browser window so that the window is shorter than the height of the 'pinned left' element the content gets cut off. If I try to enable content overflow nothing changes and I still cannot scroll inside of the element. Is there another way to do this that I'm missing?


I've tried to do this using a dynamic panel instead that on scroll moves down with the viewport using the onscroll command. This indeed can have scroll bars inside of it however as I scroll down the page the page scroll never gets to the bottom of the page. The page just grows in height. Is there anything that can be done to prevent this from happening?

Comments (3)

photo
1

Hi there,

To avoid this behaviour you should use the pin instead of the "OnScroll" event. Then select the "Pinned Top" into position Y and "Pinned Left" for X position.


Kindly let me know how it goes.


Best,

photo
1

Hi Sonia,


I currently have that exact set-up. The problem is that I have several dynamic panels inside the pinned panel and when some of them are selected they are longer in height than the pinned panel but there is no way to scroll inside pinned panel so I can never see all of the content inside the pinned panel.

photo
1

Can you send me an example so we can have a look? You can attach the file here in a .rar extension.

Thank you.