Topic: scrollspy from the second row

tombit free asked 7 years ago

on my page the first row is a picture with width 100%, the scrollspy start from the second row. when i scroll down it pops up over the image onthe first row, is there a way to make sure it would not go over the the row that contains it?

Michal Szymanski staff answered 7 years ago

You have to set an proper offset top and margin top. By combining these properties you get get a desirable result. Try to use exactly the same settings from scrollspy documentation and manipulate it to achieve what do you want. Few important rules: 1. Scrollspy shouldn't be use on screens smaller the 992 px. 2. If it's possible, elements above the scrollspy should have a fixed height 3. If it's not possible you have to manipulate media queries to set a different properties for a different screens

tombit free answered 7 years ago

yes, i've tried to change the Javascrip top, and the data-offset-top attribute, but both had no effect but the big question is how am i making sure the scrollspy is not going over the row that contains it? while the row height is different between PC to tablets

Michal Szymanski staff answered 7 years ago

Have you set it a proper offset?

Please insert min. 20 characters.


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


Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No