Hola,
primero de todo, si vinculas el archivo bootstrap.css, no hace falta que vincules el archivo bootstrap.grid.css, por que todo lo que hay en el archivo bootstrap.grid.css está en el archivo bootstrap.css, por que ahí esta todo.
He probado tu código y no se a que barra vertical te refieres.
Creo que no he descargado la misma librería smooth scroll que la que tienes tu.
He encontrado un código en w3schools que puede ser muy útil. (Yo tendría a w3schools como referencia, ya que el código suele ser muy estándar).
https://www.w3schools.com/jquery/try...e_smoothscroll
Prueba si con este código va bien.
Vuelvo a recalcarte:
No etiquetas style en los tags HTML y
no tag style en el head. Lo recomendable y estándar (y sobre todo limpio y organizado), es tener tu archivo css donde aplicas tus estilos personalizados, dejando mucho más legible el código HTML.
Ya me dirás si te funciona mejor o si no es eso lo que quieres arreglar.
Un saludo.