превратить большую навигацию в выпадающий список для мобильных устройств - PullRequest
0 голосов
/ 03 февраля 2012

В настоящее время я создаю адаптивный веб-сайт, а основная навигация по сайту содержит 10 ссылок.Я видел несколько сайтов, которые сжимают свою навигацию в простое выпадающее меню выбора, когда размер экрана становится меньше 480 пикселей, но я не могу найти там никаких руководств, объясняющих, как это сделать - кроме CSS Tricks здесь:

http://www.css -tricks.com / convert-menu-to-dropdown /

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

Я ищу что-то простое, подобное используемому на этих сайтах:

http://www.hanselman.com/blog/

http://www.lancs.ac.uk/

кто-нибудь?

1 Ответ

0 голосов
/ 06 февраля 2012

Мне удалось найти этот фрагмент кода на http://www.w3schools.com здесь:

http://www.w3schools.com/js/tryit.asp?filename=tryjs_selectmenu

Реализовал его, и он работает просто отлично - просто пришлось добавить action = ""к тегу формы, чтобы получить страницу для проверки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...