工具提示不顯示在屏幕上

Question

我在容器中有很多工具提示，但是當我單擊最右邊和最左邊的工具提示時，它們下方的模式打開會從屏幕上消失。

我已經嘗試根據使屏幕向左或向右的屏幕尺寸來應用媒體查詢，但是可以有任何工具提示。

所以任何人都可以就如何檢查哪種工具提示模式從屏幕上消失並根據該方法向左或向右提出任何解決方案的建議

Answer 1

您絕對可以將元素的偏移量檢查為

var x = $("p").offset();
alert("Top: " + x.top + " Left: " + x.left);

視口的高度和寬度為

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

同樣，您可以獲取工具提示的尺寸（我希望它是自定義工具提示）

Rest是簡單的數學運算，用於檢查它是否從視口中消失並相應地調整樣式。