Sanırım bu istediğin özellik için Intersection Observer API veya Scroll eventlerini kullnabilisin.

Intersection observer api belirtilen element veya elementler scroll yapıldığında sayfada görünür hale geldiği zaman bir takım eylemler yapabilmeni sağlıyor.
bu sayede sayfada belirlediğin element görünür hale geldiğinde sidebardaki değişiklikleri yapabilirsin ama bu tabi yukarı scrollda tam istedim gibi çalışmayabilir.

Ayrıca bahsettiğim gibi scroll eventlerini kullanabilirsin Bootstrapta scrollspy diye bir özellik var ona benzer birşey yapmak istiyorsun anladığım kadarıyla

Direkt bootstrap kullanmak istersen direkt bu linke bakabilirsin
Vanilya JavaScript ile bir örnek: https://codepen.io/zchee/pen/ogzvZZ?editors=1010

not: ayrıca yukarıdaki cevabın sahibi arkadaşın biraz fazla tepki verdiğini düşünüyorum zira arkadaşın sorusuna cevap verilebiliyor görüldüğü gibi kod olmaması da bana biraz doğal geldi çünkü arkadaş nasıl bir teknoloji kullanacağını soruyor yani problem kodda değil konsepti bilmemesinden kaynaklanıryor. Derdim ters bir cavap vermek değil sadece kişinin hakkının yendiğini düşünüyorum.