Scrollspy example not working


Topic: Scrollspy example not working

Igor Zanine 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 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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: pc
  • Browser: chrome
  • OS: w10
  • Provided sample code: No
  • Provided link: Yes
Tags