İletişim formu olan sayfa yüklendiğinde aşağı doğru kayar


10

Web sitemle ilgili bir sorunum var. Yükleme sırasında otomatik olarak alta kaydırılır.

Çünkü isme odaklanmış bir iletişim formu var. Bu odağı nasıl kaldırabilirim?

yer

Yanıtlar:


23

Bu satırı kişiden gelen kişiden değiştir

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

ile

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

İkinci parametre "ilk alana odaklan" anlamına gelir. Bu yüzden aşağı kaydırma yaparsınız.


Sorun kaydırmamı aşağıya çöz.
Sourav

1

Son geliştirmeyi dışarıdan temin eden bir şirkette çalıştığım gibi, form şablonuna erişemeyebilirsiniz. Bu durumda, VarienForm işlevinin bağımsız değişkenlerini değiştiremezsiniz. (Eğer varsa olabilir onaylı cevap yapmanız gerekir göre, bu argümanları değiştirin.)


Kodu (aşağıda sağlanan) bir <script>etiket içindeki etkilenen sayfanızın gövdesine ekleyebilirsiniz .

Özetlemek gerekirse, kod odaklanılan öğeyi ilk kez değiştirdiğinde bekler, ardından o öğenin bulanıklığını giderir ve sayfayı sayfanın en üstüne kaydırır. Komut dosyasının çalışmasından itibaren on saniye içinde hiçbir şey olmazsa, kendini kapatır. Bu sadece bir hata durumunda komut dosyasının sonsuza kadar çalışmasını önlemek için bir önlemdir.

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

})();
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.