Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
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

Write
Create snippet
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
Tags
sticky
About author
david1
Pro User 141Support score
8Questions 13Answers 0Snippets