2015-08-17 7 views
1

Я хотел бы, чтобы открывалось правое одностороннее меню, когда курсор перемещается по ИЛИ, проходящий через правую большую часть экрана (тело)Меню триггера открывается, когда курсор находится на самом правом экране?

Я мог разобрать позицию курсора и триггер после X пикселей, но будет ли CSS способ сделать это, как поместить скрытый элемент с правой стороны?

это неприятный да, но имеет определенную цель ...

ответ

2

Вы можете пойти с чем-то вроде этого:

.menu { 
    position: fixed; 
    top: 0; 
    right: -199px; 
    width: 200px; 
    height: 100%; 
} 

.menu:hover { 
    right: 0; 
} 

Единственное, что осталось здесь, чтобы добавить анимацию (если это необходимо) и стилизовать поэтому линия не будет видна.

+0

Не очень хорошо, так как мышь проходит через это 1px и на полосу прокрутки, и если вы быстро ее перемещаете, она легко пропускает 1px. –

+0

Идите больше, 10 пикселей или около того. –

 Смежные вопросы

  • Нет связанных вопросов^_^