Sticky Content doesn't work on mobile


Topic: Sticky Content doesn't work on mobile

manzullo pro asked 7 years ago

Hi, i bought MdBootstrap Pro to create a responsive website, but in my case the sticky feature: https://mdbootstrap.com/javascript/stickycontent/ DOES NOT WORK ON MOBILE

Ollie Vincent pro commented 7 years ago

Hi, By default it won't stick on mobiles. What are you trying to stick? Surely you don't want content to stick on mobile because it would cover the whole screen.

manzullo pro answered 7 years ago

Sure i want it to stick on mobile. It is one of the main reason i bought pro version. I need a bootstrap sticky navbar after scroll where i would put a scrollspy inside to navigate the details of the post item. I also need to use it for other reason If you need an example i would like to make something like this: https://meeting-hub.net/sale/roma (you should see it with a small browser)

Ollie Vincent pro answered 7 years ago

Hi,

Sorry I misunderstood.

MDB actually have a class for sticky-top navbars. Live demo can be found here: https://mdbootstrap.com/previews/docs/latest/html/navbar/navbar-sticky-top.html

<nav class="navbar sticky-top navbar-dark indigo">#</nav>

Thanks


manzullo pro answered 7 years ago

Hi Ollie, i don't need a sticky top navbar but a sticky content where that is not fixed to the top but, like the example here: https://mdbootstrap.com/javascript/stickycontent/ I need it on mobile

Mikołaj Smoleński staff answered 7 years ago

Hi manzullo, You're right, sticky content won't work on mobile devices, because it was designed only for desktop use. We'll consider to develop it also for mobiles, but for this moment there is no solution for Your problem. Regards
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: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No