Pushy menu. Как закрепить элемент списка вверху и сделать так, что бы он не уезжал при прокрутке страницы?

Question

[Dmitry Stoyanov]

Здравствуйте,
Не могу разобраться, в чём проблема. Суть в том, что нужно верхний элемент (кнопку закрытия меню #close) выпадающего меню закрепить так, что бы при прокрутке он всегда был на одном месте.
position: fixed; - не работает

https://codepen.io/stoyanovdmitry/pen/OmxPLV

Answer 1

[dummyman]

Конечно, ведь вы его сверстали элементом списка. А ему необходим display: block;

Comments

[Dmitry Stoyanov]

У вас получилось это сделать на моём примере? Если да, то дайте код, если вас не затруднит

[dummyman]

Dmitry Stoyanov: Блин, сегодня пятница, работы много, не успеваю, может на днях я бы накидал как считаю нужным. Сейчас даже 10 минут свободных не найти. Мельком попытался осмотреться еще раз. В вашем коде конечно черт ногу сломит. У вас три реализации вперемешку. А по хорошему надо выбирать что-то одно. Все что там есть, реализуется вообще без JS. Для совместимости с бородой можно использовать полифилы. jQuery.animate - это вообще ругательное слово, вешает любой современный браузер одной вкладкой, animate нормально работает только на IE6.

[dummyman]

Dmitry Stoyanov: Там как правильно вроде бы делать невидимый checkbox
за появление/убирание меню отвечать должна одна кнопка, сверстаная в label:
<label for='checboxid'></label>
От состояния чекбокса пляшет весь CSS отвечающий за анимацию:
#checkboxid:checked