Smooth Scrolling auf der gleichen Seite funktioniert nicht

Question

Ich versuche glattes Scrollen auf der gleichen Seite mit PHP-Code in jQuery (versuchen, endgültige jQuery-Code mit PHP zu generieren) zu erreichen. Aber aus irgendeinem Grund nicht funktioniert, würde ich schätzen, wenn jemand die Fehler hinweisen kann oder warum es nicht funktioniert

// When the Document Object Model is ready 
    jQuery(document).ready(function(){ 
    // 'scroll' is the amount of pixels destination 
    // is from the top of the document 
    var scroll = jQuery('<?php echo get_option('smooth_scroll'); ?>').offset().top; 

// When button is clicked 
    jQuery('.test').click(function(){ 
    // Scroll down to 'scroll' 
    jQuery('html, body').animate({scrollTop:scroll}, 'slow'); 
    // Stop the link from acting like a normal anchor link 
    return false; 
    }); 
}); 

Ich habe eine href Verbindung mit Klasse „test“ in ihm. Wenn diese Schaltfläche angeklickt wird, möchte ich, dass die Funktion blättern soll, um ein bestimmtes div der gleichen Seite aufzurufen [bis get_option ('smooth_scroll')] div wird von Benutzern aktualisiert).

Answer 1

Zunächst einmal - versuchen Sie bitte die Scroll-Variablenzuweisung in dem Click-Ereignis zu bewegen:

jQuery(function(){ 
    jQuery('.test').on('click', function(e){ 
    e.preventDefault(); 
    var scroll = jQuery('<?php echo get_option('smooth_scroll'); ?>').offset().top; 
    jQuery('html, body').animate({scrollTop:scroll}, 'slow'); 
    }); 
}); 

Da zur Zeit können Sie eine Situation haben, wenn Ihr Element nicht auf seine endgültige Position ist - wie es berechnet wird Das Ereignis DOMContentLoaded, das nach dem Laden der vollständigen DOM-Struktur aufgerufen wird, aber CSS/JS/Bild-Assets, kann in diesem Moment nicht geladen werden, was sich auf das Berechnungsergebnis auswirken kann.