Tengo una larga lista de botones de opción. Estoy buscando una solución si se selecciona un botón de opción, la página se desplaza hasta el comienzo del botón de opción.

Detalle:

Tengo una lista de botones de radio como ese:

 <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1"> <label class="form-check-label" for="flexRadioDefault1"> Default radio </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked> <label id="divtwo" onclick="myMenu()" class="form-check-label" for="flexRadioDefault2"> Default checked radio </label> </div>

archivo js:

 function myMenu() { document.getElementById("divFirst").scrollIntoView(); }

Estoy buscando una solución, si el usuario hace clic en el primer botón de opción, la página se desplaza hasta el principio. No se desplaza mientras hago clic, aunque agregué onclick .