меню по горизонтали (вкладки) с возможностью обернуть разливались элементы в разборное выпадающее меню

Question

Это о HTML/CSS/JavaScript меню;)

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

Первоначальная идея, плагиата из рабочего стола вкладки firefox, т. Е. Когда у вас слишком много вкладок, она будет обертывать лишние в сворачиваемую кнопку выпадающего списка «Список всех вкладок».

Я собираюсь играть с переполнением: auto в сочетании с javascript, но есть ли что-то подобное уже реализовано или, может быть, какая-то лучшая идея?

Спасибо.

Answer 1

переполнение: авто может быть трудной, если не невозможной вещью, чтобы точно отслеживать с помощью javascript. Есть две вещи, которые вы, вероятно, должны контролировать здесь: родительский контейнер и UL, который содержит вкладки (предположительно, ссылки внутри LI). Вы можете сделать количественное сравнение между ширинами обоих элементов в javascript довольно надежно.

Я не уверен, какую библиотеку вы предпочитаете использовать, но YUI имеет действительно мощную утилиту, которая применима - Region. Он возвращает объект, полный полезных свойств элемента - его положение в документе, размер и пересечения с другими элементами (см. http://www.wait-till-i.com/2007/08/28/monitoring-element-size-and-position-with-the-yui/).

Независимо от того, в какой библиотеке вы в конечном итоге используете (или вообще ничего), концепции региона должны помочь вам двигаться в правильном направлении.