Вход

Просмотр полной версии : Адаптивное меню


sergiocharm
07.04.2015, 09:58
Ребят у яндекса есть меню над поиском и в конце него кнопка "Еще", так вот когда окно сужаешь то кнопки меню уходят в подменю этого Еще
Как сделать так же, чтобы при сужении появлялась кнопка еще и в нее переносились кнопки меню. можно без оформления, просто покажите как это сделать?

sergiocharm
07.04.2015, 10:18
НУ пожалуйста, или ткните пальцем где посмотреть? мне для инетмагазина надо http://septikperm.ru/

jsnb
07.04.2015, 10:34
В зависимости от текущей ширины вьюпорта меняются стили. Реализовать можно через CSS медиа запросы (http://htmlbook.ru/css/value/media).
Через JS можно считать влезают элементы или нет и скрывать что не влезает.

sergiocharm
07.04.2015, 10:41
Через JS можно считать влезают элементы или нет и скрывать что не влезает.
Вот как сделать чтобы считало?

jsnb
07.04.2015, 10:46
Вот как сделать чтобы считало?
Руками. Перебираешь элементы меню, складываешь их ширину или что там надо и смотришь влезает или нет.

sergiocharm
07.04.2015, 10:54
Ну а как его поместить в подменю кнопки Еще?

jsnb
07.04.2015, 11:00
Ну а как его поместить в подменю кнопки Еще?
Ты не умеешь элементы в DOM переставлять что ли?
http://learn.javascript.ru/modifying-document

sergiocharm
07.04.2015, 11:06
я б не писал в раздел новичков

jsnb
07.04.2015, 12:32
я б не писал в раздел новичков
Ты написал в раздел "Общие вопросы Javascript". Читаем описание раздела: "Вопросы не подходящие к темам других форумов этого раздела. Функции и структуры данных javascript." Где тут написано, что это раздел для тех, кто ничего не знает, я не вижу. Так же тут имеется прикрепленный топик "Как спросить, чтобы вам ответили" (http://javascript.ru/forum/misc/3706-kak-sprosit-chtoby-vam-otvetili.html). Почитай на досуге.

sergiocharm
07.04.2015, 12:57
т.е. не подскажет никто здесь... печалька

tsigel
07.04.2015, 13:49
т.е. не подскажет никто здесь... печалька
Т.е. чтобы вам помогли надо приложить усилия и попробовать самому. Мы направим и скажем где и что не так. Писать готовые примеры кода не будут. Это называется "сделать за вас", а не "помочь".