Je veux obtenir l'élément body d'un html en utilisant jquery puis désactiver le défilement vertical?

25
saurabh ranu 7 nov. 2011 à 15:16

3 réponses

Meilleure réponse

Essaye ça...

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

Le ,html vous permet également d'inclure le <html> car certains navigateurs peuvent l'utiliser comme base contrairement à la balise <body>, ce qui permet de traiter les deux comme s'ils n'en faisaient qu'un.

utile tout tag doit être sélectionné comme tel $('a'); ou $('body');

Un élément peut être sélectionné par id en utilisant le préfixe # afin

<a id="c_1" >CLick Me</a>

$('#c_1');

Ou par class avec le préfixe .

<a class="classname">Click Me</a>

$('.classname');

Pour plus d'informations, consultez http://api.jquery.com/category/selectors/ quant aux barres de défilement, elles sont contrôlées par css, vous pouvez simplement aller sur un fichier css et faire ce qui suit.

body, html {overflow: hidden;}

Le paramètre overflow vous permet de contrôler ce qui se passe lorsque le contenu overflow la largeur et la hauteur attribuées.

http://reference.sitepoint.com/css/overflow

Ou la référence appropriée http://www.w3.org/TR/CSS2/visufx.html

Désolé si c'est trop technique, mais un jour vous devrez en savoir plus :)

38
Val 18 avril 2013 à 10:23

Puisque personne ne l'a mentionné, il est assez facile de sélectionner l'élément body sans jQuery.

C'est simplement:

document.body;

Et en fonction de votre question, vous désactiveriez le défilement vertical en définissant overflow: hidden:

Exemple ici

document.body.style.overflow = 'hidden';
8
Josh Crozier 14 nov. 2015 à 00:11

Vous pouvez obtenir l'élément body avec: $("body") puis désactivez les barres de défilement avec CSS

 $("body").css("overflow", "hidden");
11
Pedryk 12 nov. 2014 à 07:32