Изменение позиции подменю от края экрана

@pacanchik2013 · Регистрация: 08.04.2015

Author24 — интернет-сервис помощи студентам

Ребята, подскажите пожалуйста, как реализовать определение положения блока меню в зависимости от края экрана?
Другими словами, у меня имеется меню, выпадающее меню имеет ширину 600px и поделено на 3 колонки, так у всех пунктов меню, но когда я дохожу до крайних правых, то блок соответственно уходит за границы экрана... как вот крайние блоки выпадающего меню развернуть в обратную сторону? То есть по примеру как тут
P.S.: у меня меню генерируется из массива, поэтому я не могу поставить отдельные классы для последних двух ul li.

Dmitry · 07.03.2016, 15:31

Сообщение от pacanchik2013

как реализовать определение положения блока меню в зависимости от края экрана?

пхп не знает ничего об экране и его размерах, посему - наверное с помощью яваскрипт...

Сообщение от pacanchik2013

меню генерируется из массива, поэтому я не могу поставить отдельные классы для последних двух

пхп, если я ничего не путаю, прекрасно в состоянии сообщить число элементов массива..

@pacanchik2013 · 07.03.2016, 15:57 **[ТС]**

Сообщение от Dmitry

пхп, если я ничего не путаю, прекрасно в состоянии сообщить число элементов массива..

Вы совершенно правы, пхп в состоянии сообщить количество элементов, но, элементов может быть сколько угодно, предположительно даже не предугадать количество элементов в крайних блоках, посему этот вариант не подходит.
Остается только один вариант, юзать js, но поиски по форуму не увенчались успехом, конкретного примера я не увидел (на других ресурсах тоже глухо)

@sad67man · 07.03.2016, 16:05

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

@pacanchik2013 · 07.03.2016, 16:12 **[ТС]**

Уважаемый sad67man, а не могли бы вы привести наглядный пример того как надо вычитать ширину и т.д., просьба привести пример заключается в том, что я в js не силен, и крайне редко им пользуюсь. А если учитывать ваше сообщение без наглядного примера, то в интернете таких топиков полно, а вот конкретного примера нет. Буду признателен за обозрение примера.

@sad67man · 07.03.2016, 17:51

Сам не очень силен в js. Вот написал небольшой примерчик с помощью jquery
https://jsfiddle.net/p5a3nns3/16/

@pacanchik2013 · 12.03.2016, 16:55 **[ТС]**

sad67man, спасибо огромное за наглядный пример, все работает как надо!

Новые блоги и статьи Все статьи Все блоги /
Вопросы на собеседованиях по микросервисам ArchitectMsa 27.03.2025 Работодатели ищут не просто разработчиков, знающих базовые концепции, а специалистов, разбирающихся в тонкостях масштабирования, отказоустойчивости и производительности. Сейчас на первый план выходят. . .	Взаимодействие Python с REST API py-thonny 27.03.2025 REST API - это архитектурный стиль взаимодействия компонентов распределённого приложения в сети. Python располагает функциональным набором инструментов для работы с REST API и основная библиотека для. . .	sshd restrictions, ssh access limitations jigi33 26.03.2025 sshd restrictions \| ssh access limitations рестрикции доступа на сервер sshd статья: https:/ / www. golinuxcloud. com/ restrict-allow-ssh-certain-users-groups-rhel	Компиляция C++ с Clang API NullReferenced 24.03.2025 Компиляторы обычно воспринимаются как черные ящики, которые превращают исходный код в исполняемые файлы. Мы запускаем компилятор командой в терминале, и вуаля — получаем бинарник. Но что если нужно. . .	Многопоточное программирование в C#: Класс Thread UnmanagedCoder 24.03.2025 Когда запускается приложение на компьютере, операционная система создаёт для него процесс - виртуальное адресное пространство. В C# этот процесс изначально получает один поток выполнения — главный. . .
SwiftUI Data Flow: Передача данных между представлениями mobDevWorks 23.03.2025 При первом знакомстве со SwiftUI кажется, что фреймворк предлагает избыточное количество механизмов для передачи данных: @State, @Binding, @StateObject, @ObservedObject, @EnvironmentObject и другие. . . .	Моки в Java: Сравниваем Mockito, EasyMock, JMockit Javaican 23.03.2025 Как протестировать класс, который зависит от других сложных компонентов, таких как базы данных, веб-сервисы или другие классы, с которыми и так непросто работать в тестовом окружении? Для этого и. . .	Архитектурные паттерны микросервисов: ТОП-10 шаблонов ArchitectMsa 22.03.2025 Популярность микросервисной архитектуры объясняется множеством важных преимуществ. К примеру, она позволяет командам разработчиков работать независимо друг от друга, используя различные технологии и. . .	Оптимизация рендеринга в Unity: Сортировка миллиона спрайтов GameUnited 22.03.2025 Помните, когда наличие сотни спрайтов в игре приводило к существенному падению производительности? Время таких ограничений уходит в прошлое. Сегодня геймдев сталкивается с задачами совершенно иного. . .	Образование и практика Igor3D 21.03.2025 Добрый день А вот каково качество/ эффективность ВУЗовского образования? Аналитическая геометрия изучается в первом семестре и считается довольно легким курсом, что вполне справедливо. Ну хорошо,. . .

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288

	Изменение позиции подменю от края экрана 07.03.2016, 15:25. Показов 1960. Ответов 6 Метки нет (Все метки) Ребята, подскажите пожалуйста, как реализовать определение положения блока меню в зависимости от края экрана? Другими словами, у меня имеется меню, выпадающее меню имеет ширину 600px и поделено на 3 колонки, так у всех пунктов меню, но когда я дохожу до крайних правых, то блок соответственно уходит за границы экрана... как вот крайние блоки выпадающего меню развернуть в обратную сторону? То есть по примеру как тут P.S.: у меня меню генерируется из массива, поэтому я не могу поставить отдельные классы для последних двух ul li. 0

Dmitry 13377 / 7505 / 824 Регистрация: 09.09.2009 Сообщений: 29,337
	07.03.2016, 15:31
	Сообщение от pacanchik2013 как реализовать определение положения блока меню в зависимости от края экрана? пхп не знает ничего об экране и его размерах, посему - наверное с помощью яваскрипт... Сообщение от pacanchik2013 меню генерируется из массива, поэтому я не могу поставить отдельные классы для последних двух пхп, если я ничего не путаю, прекрасно в состоянии сообщить число элементов массива.. 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	07.03.2016, 15:57 [ТС]
	Сообщение от Dmitry пхп, если я ничего не путаю, прекрасно в состоянии сообщить число элементов массива.. Вы совершенно правы, пхп в состоянии сообщить количество элементов, но, элементов может быть сколько угодно, предположительно даже не предугадать количество элементов в крайних блоках, посему этот вариант не подходит. Остается только один вариант, юзать js, но поиски по форуму не увенчались успехом, конкретного примера я не увидел (на других ресурсах тоже глухо) 0

@sad67man 2481 / 1406 / 665 Регистрация: 23.08.2015 Сообщений: 3,545
	07.03.2016, 16:05
	Яваскриптом из ширины экрана вычитаете позицию и ширину блока, если вылезает, добавляете класс. Если через чистый php можно попробовать второй половине применить класс. Либо для пунктов меню в базе данных сохранять тип выпадающего списка. 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	07.03.2016, 16:12 [ТС]
	Уважаемый sad67man, а не могли бы вы привести наглядный пример того как надо вычитать ширину и т.д., просьба привести пример заключается в том, что я в js не силен, и крайне редко им пользуюсь. А если учитывать ваше сообщение без наглядного примера, то в интернете таких топиков полно, а вот конкретного примера нет. Буду признателен за обозрение примера. 0

@sad67man 2481 / 1406 / 665 Регистрация: 23.08.2015 Сообщений: 3,545
	07.03.2016, 17:51
	Сам не очень силен в js. Вот написал небольшой примерчик с помощью jquery https://jsfiddle.net/p5a3nns3/16/ 1

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	12.03.2016, 16:55 [ТС]
	sad67man, спасибо огромное за наглядный пример, все работает как надо! 0

Опции темы