Как сделать выдвигающееся вертикальное меню сбоку при движении мыши от центра страницы?

Question

[ssdk]

Всем привет.

Подскажите, как сделать такую штуку https://www.dropbox.com/s/0s91ecfomiwbgj9/01_Home....
чтобы при движении мыши в левую часть - меню выезжало слева, при движении в правую - справа.

Пытался подстроить вот такой шаблон для одной стороны
www.idg.net.ua/blog/wp-content/uploads/index-side-...
через условие, что если расстояние мыши от левой части экрана < установленной ширины края, то выполнять сдвиг, если больше, то меню должно закрываться обратно.
но в итоге отклика нет совсем
https://jsfiddle.net/qa4sz7g4/1/

в каком направлении ковырять дальше?)

Answer 1

[MaximMRX]

А как вариант страницу разделить на 2 части? И повесить обработчик hover

Comments

[ssdk]

думал об этом, но получается, что части разделенной страницы будут находиться над другими элементами на страницы, что затруднит взаимодействие с ними (клики по ссылкам и т.д. ) + нужно чтобы меню начинало выезжать где-то при 20% движении мыши влево или вправо относительно центра экрана, хотя можно сделать с задержкой.

но вот как тогда сделать активными элементы под разделенным экраном?

[MaximMRX]

ssdk: Вот чуть побаловался, такое получилось https://jsfiddle.net/dq75Lbac/

[ssdk]

спасибо! теперь есть от чего отталкиваться