Valeurs de limite de page Web

Question

J'ai un "boîte" pop-up qui apparaît au survol de la souris pour certains liens. La boîte mesure environ 300px et le côté supérieur de la boîte est au même niveau que la position du lien. Cependant, certains de ces liens se trouvent dans la partie la plus basse de la page, ce qui signifie que la fenêtre contextuelle sera coupée.

Question Quelles sont les valeurs sont utilisées pour détecter le bas de la page, ou la distance restante scrollable au fond afin que vous puissiez passer la fenêtre au besoin? J'utilise jQuery, mais une solution JavaScript générique est également bienvenue à titre de référence.

Merci.

Answer 1

Fondamentalement, vous voulez trouver le bas de la fenêtre par rapport au document, puis comparez-les aux coordonnées du event entrant.

function handler(event) { 
    var bottomOfViewport = $(window).scrollTop() + $(window).height(); 
    var bottomOfBox = event.pageY + HEIGHT_OF_BOX; 
    if (bottomOfViewport < bottomOfBox) 
     // code to handle overflow condition 
} 

Heureusement, les propriétés pageX et pageY sont relatives au document. Prises similaires pour l'axe des x.