Klebrige Zeile in Visual Composer

Question

Ich mache eine Website in Wordpress mit dem Visual Composer-Seitengenerator.

Ich möchte eine Reihe klebrig an die Spitze der Seite machen und haben dieses CSS in den Editor hinzugefügt:

/* makes header bar sticky to top of page */ 
.sticky { 
    position: fixed; 
    top: 0; 
    z-index: 1; 
} 

und ich habe klebrig als Klassennamen hinzugefügt.

Es funktioniert nicht und ich bin mir nicht sicher, wo ich falsch liege? Bitte helfen Sie.

Dank

Answer 1

Wenn Sie diese Zeile zu überlappen alles wollen, einschließlich der Header, haben Sie es in der DOM zu bewegen und an den Körper der Seite anhängen. Andernfalls wird es innerhalb seines übergeordneten Containers fixiert.

jQuery(document).ready(function(){ 
    if (jQuery(".sticky").length) { 
     jQuery(".sticky").appendTo("body");  
    } 
}); 

die oben Unter der Annahme, in einer Datei namens „my-scripts.js“ in „js“ Verzeichnis in Ihren Root-Theme-Ordnern gespeichert hat, können Sie sicherstellen, dass Sie den obigen Code richtig NACH der jQuery-Bibliothek in Wordpress enthalten mit der Funktion unten:

function my_jquery_scripts() { 

    $PathToMyScript = get_stylesheet_directory_uri() . "/js/my-scripts.js"; 

    wp_register_script('my-jquery-js', $PathToMyScript, array('jquery'), time(), true); 
    wp_enqueue_script('my-jquery-js'); 

} add_action('wp_enqueue_scripts', 'my_jquery_scripts'); 

Wichtiger Hinweis: Wenn Sie den Browser möchten Ihr Skript cachen, ersetzen time() mit false.