Estoy usando el complemento Smooth-Scroll del siguiente git - link .

Funciona muy bien en lugares como la barra de navegación donde lo usé de la siguiente manera:

 <nav class="navbar"> <ul> <li><a href="#initial">Home</a></li> <li><a href="#skills">Skills</a></li> <li><a href="#service">Service</a></li> <li><a href="#end">end</a></li> </ul> </nav> <script> var scroll = new SmoothScroll('a[href*="#"]'); </script>

Sin embargo, en la misma pantalla, tengo un botón de búsqueda dentro de un formulario y me gustaría que actuara como la barra de navegación; quiero que una vez que el usuario haga clic en el botón de búsqueda, se desplace suavemente a la siguiente sección.

Mi formulario se ve así y probé lo siguiente:

 <form method="POST" class="hiscore_query"> <input type="text" placeholder="username" id="username" autocomplete="off"> <button type="submit" href="#skills"><i class="fa fa-search"></i></button> </form>

y traté de cambiar mi js en:

 <script> var scroll = new SmoothScroll('button[href*="#"]'); </script>

pero nada pasa.

¿Hay alguna manera de hacer que el botón de búsqueda haga ese desplazamiento suave?

Gracias