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!


Topic: Scrollspy example not working

Igor Zanine free asked 4 years ago


Expected behavior

https://mdbootstrap.com/docs/jquery/navigation/scrollspy/

Doesn't seem like your 'MDB Scrollspy example is working. It doesn't run properly in MDB Editor either. I've tried to implement it in my web app, no success... Any advise??? At least to get it working in your editor?

Thanks!

Actual behavior n/a

Resources (screenshots, code snippets etc.) n/a


Tomek Makowski staff commented 4 years ago

Here is a working example of scrollSpy

https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1188736

Regards


Igor Zanine free commented 4 years ago

Thank you!

Yes, I've noticed the dotted is working but I was hoping to get the one with 'list group' working. Dotted, unfortunately, not suited for my purposes...

Could you get the 'List Group' example working by any chance?https://mdbootstrap.com/snippets/jquery/igor_zanine/2536606

Thanks


Krzysztof Wilk staff commented 4 years ago

Hi!

I think that this example meets your requirements :) https://mdbootstrap.com/snippets/jquery/mateusz-lubianka/1804810

Best regards


Igor Zanine free commented 4 years ago

Thank you Krzysztof!

It's working wonderfully now inside your editor!

I'm trying to get it to work inside your "classic tabs" tab with no success so far. It's not rendering right and I'm getting some jquesry-3.4.1.js errors.

Would you have any advise?

Thanks!


Krzysztof Wilk staff commented 4 years ago

Could you make a snippet with your code? I want to see these errors

Best regards


Igor Zanine free commented 4 years ago

https://mdbootstrap.com/snippets/jquery/igor_zanine/2549901

I've scaled it down as much as possible. When list group item is clicked, navbar scrolls over top item. I'm trying to get it to scroll inside the tab, not whole page. List group items don't render properly either. There're some 'top' errors in devtools.


Krzysztof Wilk staff commented 4 years ago

Hi!

Your scrollspy works properly. The problem is that we don't support scrollspy in the container. Your items scroll inside the container, but a window has to bounce up after each scroll.

Thanks for the report, I added a task for it in our board and we'll try to add this feature as soon as possible :)

Best regards


Igor Zanine free commented 4 years ago

Good deal! Thanks! Could you let me know when it becomes available?


Krzysztof Wilk staff commented 4 years ago

I'm afraid that for now, it is hard to calculate the ETA

Best 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

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: pc
  • Browser: chrome
  • OS: w10
  • Provided sample code: No
  • Provided link: Yes