jQuery Girl
  1. jQuery Girl
  3. jQuery (document) .width () n’inclut pas la largeur en dehors de la zone visible
Intereting Posts
Faire fonctionner l’enfant à partir de IE8 et moins Essayer d’empêcher le geste de glisser de jQueryMobile, mais cela ne fonctionne pas Expressions régulières: vérification JQuery Highcharts – comment append des informations supplémentaires au graphique jQuery différé – Ajout d’un rappel au contrat différé Chrome masquant l’image d’arrière-plan avec les remplissages automatiques Puis-je obtenir tous les atsortingbuts commençant par «on» en utilisant jQuery? Fonction de déclenchement basée sur le changement de classe case à cocher – cochée ou décochée avec jquery et mysql Les tabs jqueryui (1.9.1) s’activent au chargement Création d’un bouton Suivant pour basculer entre les tabs jQuery Comment extraire des éléments d’identité d’un fichier caché en utilisant jQuery? Evénement de frappe au clavier sur un seul choix Est-il possible de télécharger des vidéos sur youtube en utilisant jquery? Changer la vitesse d’animation de Jquery UI Accordion

jQuery (document) .width () n’inclut pas la largeur en dehors de la zone visible

jQuery(document).width() n’inclut pas la largeur totale (visible + en dehors de visible lorsqu’il y a une barre horizontale). Cela équivaut à jQuery(window).width() . Je pensais que jQuery(window).width() était la largeur de la zone visible et jQuery(document).width() était la largeur totale.

Comment obtenir la largeur totale ou comment obtenir la largeur de la zone en dehors de la zone visible à l’aide de jQuery?

Pour obtenir la largeur de la partie “invisible”, soustrayez simplement la largeur totale du document de la largeur de la fenêtre visible: 

 jQuery(document).width() - jQuery(window).width()

exemple jsFiddle

texte alternatif

Comme vous écrivez, $(document).width() est la largeur totale et $(window).width() est la largeur actuellement visible.

Testé dans les dernières versions de Chrome, Firefox, Internet Explorer et Safari.

Je ne sais pas s’il y a un équivalent jQuery, mais 

 document.getElementsByTagName('body')[0].offsetWidth

devrait donner la largeur correcte de la page, quelle que soit la taille de la fenêtre.

C’est mon erreur. J’affichais la largeur, puis le code quelque part après l’ajustement de la largeur de certains éléments, ce qui rendait le document plus large.

Je pense que ces codes sont également utiles: 

 self.innerWidth && (document.documentElement && document.documentElement.clientWidth) && document.body.clientWidth;