How to make sticky content div scroll?


Topic: How to make sticky content div scroll?

david1 pro asked 5 years ago

How can I make the sticky content div scroll?

https://mdbootstrap.com/snippets/jquery/david1/1056348

Default behavior hides content.

I would like for the sticky content div to independently scroll.


MDBootstrap staff pro premium priority answered 5 years ago

Hi david,

Do you want to scroll inside the blue sticky box on the left in your example? This actually interferes with the sticky functionality but to accomplish scrolling inside an element just set overflow to scroll and set the max height to the desired value.

I forked your snippet to show you an example of how you can accomplish that: https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1058711

If you need additional help I am here for you.

Best Regards, Piotr


david1 pro answered 5 years ago

That worked perfectly, thanks


MDBootstrap staff pro premium priority commented 5 years ago

Great! Have a good day.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.8
  • Device: Macbook Pro
  • Browser: NA
  • OS: Mac
  • Provided sample code: No
  • Provided link: Yes
Tags