연락처 양식이있는 페이지는로드시 맨 아래로 스크롤됩니다.

웹 사이트에 문제가 있습니다. 로딩시 자동으로 하단으로 스크롤됩니다.

이름에 초점을 맞춘 문의 양식이 있기 때문입니다. 이 초점을 어떻게 제거 할 수 있습니까?

대지

연락처에서이 회선을 변경하십시오.

var contactForm = new VarienForm('contactFormNew', true);

와

var contactForm = new VarienForm('contactFormNew', false);

두 번째 매개 변수는 "첫 번째 필드에 초점"을 의미합니다. 이것이 다운 스크롤을 얻는 이유입니다.

내가하는 것처럼 백엔드 개발을 아웃소싱하는 회사에서 일하는 경우 양식 서식 파일에 액세스하지 못할 수 있습니다. 이 경우 VarienForm 함수의 인수를 변경할 수 없습니다. ( 승인 된 답변에 따라 이러한 인수를 변경할 수 있으면해야합니다.)

<script>태그 내에서 영향을받는 페이지의 본문에 코드 (아래 제공)를 추가 할 수 있습니다 .

요약하면, 코드는 포커스 된 요소가 처음 변경 될 때까지 기다린 다음 해당 요소를 흐리게 표시 해제하고 스크롤을 페이지 맨 위로 재설정합니다. 스크립트가 실행 된 후 10 초 내에 아무 것도 발생하지 않으면 자체적으로 꺼집니다. 이는 오류 발생시 스크립트가 영원히 실행되지 않도록하는 보호 수단 일뿐입니다.

//KILL AUTOFOCUS
(function(){
    var lastActiveElement = document.activeElement;
    //time elapsed in MS
    var time = 0;
    //stop checking after 10 seconds
    var stopTime = 10000;
    //interval to check for changes
    var intervalTime = 20;

    function _Check_For_Form_Validation(){
        if ( document.activeElement != lastActiveElement ){
            document.activeElement.blur();
            document.documentElement.scrollTop = 0;
            clearInterval( interval );
        }
        if ( time >= stopTime ){
            clearInterval( interval );
        }
    }

    var interval = setInterval( function(){
        time += intervalTime;
        _Check_For_Form_Validation();
    }, intervalTime);

})();