jQuery .onload Fonction de suppression de la barre de défilement jusqu'à ce que le chargement de la page ne fonctionne pas

Je souhaite une fonction jQuery qui supprime la barre de défilement verticale jusqu'à ce que la page soit complètement chargée mais ne semble pas fonctionner. Tout aperçu sur le problème serait génial. Merci!jQuery .onload Fonction de suppression de la barre de défilement jusqu'à ce que le chargement de la page ne fonctionne pas

$(window).on('load', function() {  
    $('body').addClass('stop-scrolling'); 
    $('body').removeClass('stop-scrolling'); 
});

.stop-scrolling { 
    height: 100%; 
    overflow: hidden; 
}

Source

2016-11-26 Lord Eww Lel

Le problème ici est que votre JS ne fonctionne pas avant après la page a terminé le chargement. Cela signifie que la barre de défilement est visible tout le temps du chargement de la page. Ensuite, une fois la page chargée, vous ajoutez la classe de défilement stop puis, une milliseconde plus tard, vous la supprimez à nouveau. Le résultat net de ceci est que rien ne semble se produire.

Pour obtenir ce dont vous avez besoin, mettre la classe .stop-scrolling directement dans la source HTML de votre page sur l'élément <body> puis ne retirer dans le gestionnaire d'événements window.load.

Source

2016-11-26 10:12:58

Merci, cela fonctionne maintenant! Je ne peux pas croire que j'ai manqué ça. –

jQuery .onload Fonction de suppression de la barre de défilement jusqu'à ce que le chargement de la page ne fonctionne pas

Répondre

Questions connexes