Topic: Scrollspy example not working
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: pc
- Browser: chrome
- OS: w10
- Provided sample code: No
- Provided link: Yes
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 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 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 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 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