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.


david1 pro answered 5 years ago


That worked perfectly, thanks


MDBootstrap staff commented 5 years ago

Great! Have a good day.


MDBootstrap staff 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



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

  • ForumUser: 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