Сергей Канаев

Можно использовать jquery
https://www.w3schools.com/howto/tryit.asp?filename...

...
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){
   
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });

В примере по ссылке число 800 - скорость анимации

-----------------------

https://javascript.info/js-animation

animate({
  duration: 1000,
  timing(timeFraction) {
    return timeFraction;
  },
  draw(progress) {
    window.scrollTo({
      top: progress * 100, // всесто 100 устанавить позицию хеша +/- начальную позицию
      left: progress * 100,
      behavior: 'smooth'
    });
  }
});

Нашел инфу, где можно сделать функцию анимации на чистом js. Остальное, думаю, можешь сам добыть - ивенты на клик итп

Попробуй button type="submit", стиль лучше тогда поменять

<form action="http://80.68.5.27/cgiopac/opacg/opac.exe" method="post" target="_blank"><input type="hidden" name="arg0" value="11111" size="5" /> <input type="hidden" name="arg1" value="111111" size="6" /> <input type="hidden" name="TypeAccess" value="PayAccess" />
<h8 style="cursor: pointer;"><button type="submit" style="color: #4169E1; font-size: 18pt; font-family: Georgia, serif;">Электронный каталог ЦБС г.Таганрога</button></h8>
</form>
<form action="http://80.68.5.27/cgiopac/opacg/opac.exe" method="post" target="_blank"><input type="hidden" name="arg0" value="11111112222" size="5" /> <input type="hidden" name="arg1" value="1111111122222" size="6" /> <input type="hidden" name="TypeAccess" value="PayAccess" />
<h8 style="cursor: pointer;"><button type="submit" style="color: #4169E1; font-size: 18pt; font-family: Georgia, serif;">Электронный каталог ЦБС г.Таганрога 111</button></h8>
</form>