我可以使用javascript檢測頁面何時向右延伸？

Question

我正在使用名爲pop（http://pop.seaofclouds.com/）的JavaScript插件來提供下拉菜單。

它工作正常，但我想顯示長的字符串，所以我需要下拉框是寬而不是長。我希望能夠做到這一點，如果出現的方框將頁面向右延伸，那麼方框會向左延伸。

[ Button ] 
[ This is an example of the long string in the box that appears ] 

                    [ Button ] 
[ An example of the box extending to the left so it doesn't extend the page ] 

那麼，它可以檢測，如果頁面使用javascript延伸，然後使箱下降到左邊的改變呢？

或者我在想這個錯誤，有更好的辦法嗎？

Answer 1

是的，這是可能的。您只需檢查頁面上的框的位置，框的大小以及視口的大小。如果添加到寬度的位置的左側座標超出視口，則向左打開。否則，在右邊。

您可以針對彈出的「幫助泡泡」等類似的計算，也涉及垂直位置。

jQuery的函數「outerWidth（）」和「offset（）」可以讓你處理數字。