"Scrollbar'ı Active Div'e Gönderme" H.k. Yardım Lütfen

Selamlar. Konuyu hangi kategoriye açayım bilemedim. Çözümü de araştırdım bulamadım. Ancak çözümün JS ile olacağını düşündüğüm için buraya açtım. Moderatör arkadaşlar konu yanlış yerde ise lütfen kusura bakmasınlar ve doğru yere taşısınlar.

Mesele şu:

Kendime bootstrap ile bir ortak tasarım hazırlıyorum. Bir nevi sayfalama yapıyorum. Ancak sayfalamada aktif sayfanın bulunduğu "li" görünür olmuyor.

Resimde aktif olan li aslında 19 - Ancak alta yerleştirdiğim scrollbar oraya gitmiyor. Her sayfa yenilemede en başa geliyor.
li için class: page-item
aktif class: page-item active

Bunu JS ile veya başka bir şey ile nasıl yapabilirim?

Sevgiler.

https://www.youtube.com/watch?v=x90PdokY3KA

Çok teşekkürler. Yaptım ve gayet güzel çalıştı. Ancak şimdi şöyle bir sorun var. Üst kısımda bu işlem çalışıyor ama aynı divler için aşağıdaki sayfalama çalışmıyor. Ona farklı bir active class tanımlayamam, tanımladığımda başka sorunlar ortaya çıkıyor. Bu mevzunun çözümü var mıdır?

Üst ve alt div'de farklılık var mı ? Alt divi üsttenin aynısı yapın.

Alt üst aynı üstadım. Olmuyor.