網頁邊界值

Question

我有一個「框」彈出窗口出現在鼠標懸停某些鏈接。該框的高度大約爲300px，框的頂端與鏈接位置處於同一水平，但其中一些鏈接位於頁面的最低可滾動部分，因此彈出窗口將被切斷。

問題 哪些值被用來在頁面的底部，或剩餘的滾動距離處檢測到的底部，以便您可以根據需要轉移彈出？

我正在使用jQuery，但通用的JavaScript解決方案也歡迎參考。

謝謝。

Answer 1

基本上你想查找相對於文檔的視口底部，然後將它們與傳入的event的座標進行比較。

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

謝天謝地，pageX和pageY屬性是相對於文檔的。 x軸類似。