Могу ли я определить, когда страница расширяется вправо с помощью JavaScript?

Question

Я использую плагин javascript под названием pop (http://pop.seaofclouds.com/), чтобы иметь раскрывающееся меню.

Работает нормально, но я хочу показать длинные строки, поэтому мне нужно, чтобы раскрывающийся список был широким, а не длинным. Я хотел бы иметь возможность сделать так, чтобы, если появившееся окно расширяло страницу вправо, то оно растягивалось влево.

[ 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 ()" позволяют вам работать с числами.