버튼을 클릭했을 때 오류가 오게되면 자동으로 위로 스크롤하는 방법

Question

버튼을 클릭 할 때 절약 할 수있는 긴 양식이 있지만 오류가 발생하면 스크롤하는 방법은 무엇입니까?

나는 양식을 만들었습니다. 이제 40 점이 나열됩니다. 몇 가지 드롭 다운, 일부 텍스트 상자 및 일부 체크 박스가 있습니다. 나는 또한 필수 분야를 만들었습니다. 하지만 이제 버튼이 바닥에 있습니다. 따라서 사용자가 버튼을 클릭하고 유효성 검사가 발생하면 오류 메시지가 표시되고 자동으로 스크롤되는 기능을 제공해야합니다.

나는 그것이 어떻게 가능할 지 모른다. 부트 스트랩 디자인을 사용하여 ASP.NET 웹 사이트에서 일하고 있습니다. 또한 양식을 가정 것

// Trigger the error 
if (error) { 
    // Get the element by its id 
    var errorElement = document.getElementById("errorElementId"); 
    // Scroll to it 
    window.scrollTo(0, errorElement.offsetTop); 
} 

그것에 overflow: scroll와 요소 내부되지 않습니다 :

Answer 1

난 당신이 JS를 사용하여 태그에서 있으리라 믿고있어, 그래서 여기에 바닐라 솔루션입니다. 이 경우 부모가 position: relative인지 확인하고 다음을 사용해야합니다.

// Trigger the error 
if (error) { 
    // Get the element 
    var errorElement = document.getElementById("errorElementId"); 
    // Get the parent element 
    var parentElement = document.getElementById("parentElementId"); 
    // Scroll to it 
    parentElement.scrollTop = errorElement.offsetTop; 
}