संपर्क फ़ॉर्म के साथ पृष्ठ लोड पर नीचे तक स्क्रॉल करता है

10

मुझे अपनी वेबसाइट में समस्या है। लोड करने पर यह नीचे तक अपने आप स्क्रॉल हो जाता है।

ऐसा इसलिए है क्योंकि नाम पर ध्यान केंद्रित करने के साथ एक संपर्क फ़ॉर्म है। मैं इस फोकस को कैसे हटा सकता हूं?

forms contact-form

23

इस लाइन को संपर्क से बदलें

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

साथ में

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

दूसरे पैरामीटर का अर्थ है "पहले क्षेत्र पर ध्यान केंद्रित करें"। इसलिए आपको नीचे स्क्रोल मिलता है।

— Marius
स्रोत

मेरी समस्या को नीचे तक स्क्रॉल करें।

— सौरव

1

यदि आप एक ऐसी कंपनी के लिए काम करते हैं, जो विकास को पीछे छोड़ती है, जैसा कि मैं करता हूं, तो आप प्रपत्र टेम्पलेट तक पहुंचने में सक्षम नहीं हो सकते हैं। इस मामले में आप VarienForm फ़ंक्शन के तर्कों को बदलने में सक्षम नहीं होंगे। (यदि आप अनुमोदित उत्तर के अनुसार, इन तर्कों को बदल सकते हैं, तो आपको चाहिए)

आप एक <script>टैग के भीतर अपने प्रभावित पृष्ठ के शरीर में कोड (नीचे प्रदान किया गया) जोड़ सकते हैं ।

संक्षेप में, कोड पहली बार केंद्रित तत्व परिवर्तन का इंतजार करता है, फिर उस तत्व को अनब्लॉक करता है और स्क्रॉल को पेज के शीर्ष पर रीसेट करता है। यदि स्क्रिप्ट चलने के दस सेकंड के भीतर कुछ नहीं होता है, तो यह स्वयं बंद हो जाएगा। यह त्रुटि की स्थिति में हमेशा के लिए स्क्रिप्ट को रोकने के लिए एक सुरक्षा उपाय है।

//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);

})();

— Polyducks
स्रोत