désactivation de la barre latérale sur l'événement click

Je travaille sur une fonction de clic qui affiche un formulaire d'inscription avec un fond noir semi-transparent. Tout a bien fonctionné, sauf que je ne pouvais pas trouver un moyen de faire correspondre la hauteur du fond noir avec toute la hauteur de la page.désactivation de la barre latérale sur l'événement click

J'ai décidé d'ajouter une propriété CSS "body{overflow:none;}" à la fonction JavaScript pour empêcher les utilisateurs de faire défiler vers le bas tant que le formulaire est visible.

Je l'ai essayé ces moyens:

document.body.style.overflow="none";
$('body').css('overflow:none');

Comment cela peut-il faire?

Source

2010-11-04 Varinder

document.body.style.overflow= est très bien comme une façon simple JS de le faire, mais il n'y a pas une telle valeur que none. Vous pourriez vouloir dire hidden.

En outre, il n'est pas (normalement) l'élément <body> qui est propriétaire du principal scrollbar du navigateur, mais <html> (document.documentElement). Sauf lorsque vous utilisez le mode IE et Quirks. Vous ne voulez pas utiliser le mode Quirks.

Source

2010-11-04 23:48:14 bobince

yeha, $ ('body'). Css ('débordement', 'caché'); << travaille pour moi. Merci pour le gentil soutien les gars. Très appréciée (: – Varinder

Dans jQuery la syntaxe est:

$('body').css('overflow', 'hidden');

Pour définir la propriété CSS. This page donne plus de détails.

Source

2010-11-04 23:09:14

Im ne sais pas pourquoi sa ne fonctionne toujours pas, Heres le code – Varinder

Voir la réponse de Bobince pour la syntaxe CSS correcte. J'ai mis à jour ma réponse en conséquence. –

désactivation de la barre latérale sur l'événement click

Répondre

Questions connexes