jQuery Girl
  1. jQuery Girl
  3. Comment positionner un élément de sorte qu’il ne s’écoule pas de l’écran visible
Intereting Posts
Enregistrer des événements onclick à partir d’un tableau div créé dynamicment? Rails + Jquery? Change the div: after border right color par jQuery Plug-in de validation de formulaire jQuery: Exiger que les courriels soient des adresses .EDU Primefaces Télécharger un fichier, Déposer un fichier en dehors de p: fileUpload n’importe où dans la page Blueimp File Upload: supprime un fichier de la liste avant de l’envoyer AJAX dilemme de redirection, comment obtenir une URL de redirection OU comment définir les propriétés d’une requête de redirection jQuery enchaînant et en cascade alors et quand Comment passer de la valeur à une autre page statique via javascript? Fermer Bootstrap popover sur la touche esc Pourquoi cet événement de clic jQuery ajax se déclenche-t-il plusieurs fois? jQuery UI autocomplete ne fonctionne pas dans IE jQuery: sélection de sélecteur contient () majuscules et minuscules Jquery Drag-Drop (Obtention de l’élément déposé) Imbriqué ne fonctionne pas sur la diapositive Lecteur vidéo / audio HTML5 pour contrôler la lecture et la pause avec AngularJS

Comment positionner un élément de sorte qu’il ne s’écoule pas de l’écran visible

Je crée des pseudo-info-bulles sur une page comportant de nombreux éléments “a” et “span” auxquels ces conseils sont associés. Tout dans la création de l’élément va bien et affiche bien.

Cependant, comme il s’agit d’une page contenant beaucoup de données, lorsque vous vous rapprochez du bas de la zone visuelle, les info-bulles commencent à défiler à partir du bord inférieur de la fenêtre. Ma tentative initiale de compenser cela avec window.innerWidth / innerHeight ne s’est pas très bien déroulée. J’utilise jQuery pour la manipulation du DOM (mais pas l’interface utilisateur de jQuery). Étant donné l’événement lui-même, ainsi que la hauteur et la largeur de l’info-bulle (que je peux obtenir avec getBoundingClientRect() ), comment puis-je positionner cet élément afin que le bas de l’info-bulle ne soit jamais sous le bord de la fenêtre?

Découvrez le plug-in de position de l’interface utilisateur jQuery . Il ne nécessite pas le kernel de l’interface utilisateur jQuery et est destiné à devenir un plugin principal pour jQuery.

Plus de documentation: http://jqueryui.pbworks.com/Position