Я пытаюсь понять, как сделать меню CSS выпадающим и вылететь (на зависании) справа от левых родителей и автоматически вылететь влево для правильных родителей. Это делается аккуратно по теме здесь: http://demo2.woothemes.com/?name=sentient Я пытаюсь скопировать стиль мини-тележки в другую мою wootheme. Если вы добавите что-то в корзину и наведите курсор на мини-тележку, вы увидите. Мое меню укладки всегда имеет право, и я не могу понять, где его адаптировать. Спасибо за любую помощь!Меню CSS - положение влево или вправо автоматически?
0
A
ответ
0
Вам необходимо проверить положение в раскрывающемся меню с яваскрипт и применить стиль условно (это не будет работать точно, но это идея):
JQuery
$('.dropdown-parent').hover(function(){
//If to left of center of screen
$(this).children('.dropdown').css('dropdown-right');
$(this).children('.dropdown').css('right', $(this).width());
//Else if to right of screen
$(this).children('.dropdown').css('dropdown-left');
$(this).children('.dropdown').css('left', $(this).width());
}, function(){
$(this).hide();
})
CSS:
.dropdown-parent {
position:relative;
}
.dropdown {
position: absolute;
}
+0
Спасибо - я собираюсь попробовать это. – RexTheRunt
-1
JSFiddle Demo: Pure CSS
Поместите ul
в раскрывающийся список li
списка навигационных панелей. Обычно вложенный ul
отображается прямо под номером li
. Примените position:absolute;
для ul
, отрегулируйте его width
, и если вам нужно, отрегулируйте margin-left
ul
.
Смежные вопросы
- 1. CSS влево вправо простое меню
- 2. CSS - изменить положение влево вправо в IE
- 3. Влево/вправо раздвижное меню
- 4. Многоуровневые меню не зависают влево или вправо
- 5. Влево или вправо выровнять боковое меню
- 6. меню плавающего влево и вправо
- 7. CSS Поплавок влево, вправо, влево, вправо ... и все в начало
- 8. WordPress - Положение заголовка Вверх, Влево и Вправо
- 9. Предел CSS влево и вправо
- 10. Как получить элемент по своему стилю: положение влево или вправо
- 11. Почему jQuery сдвигается вправо или влево, перерегулируя последнее положение слева?
- 12. Мобильное навигационное меню влево и вправо
- 13. Влево или вправо Вид дерева
- 14. Проведите пальцем вправо или влево
- 15. Слайд-изображение влево или вправо
- 16. UIScrollView перетащить вправо или влево
- 17. Bootstrap автоматически добавляет поля влево и вправо
- 18. Текст вправо влево в контекстном меню
- 19. Смещение текста заголовка UINavigationBar влево или вправо
- 20. Как остановить или предотвратить прокрутку влево или вправо в угловом?
- 21. CSS div float влево и вправо nowrap
- 22. Решите, если положение касания влево, вправо, вправо или вниз от определенной точки
- 23. CSS float вправо/влево неправильно выравнивается
- 24. Влево и вправо Divs в CSS
- 25. Поплавок влево и вправо
- 26. CSS фон меню изображения влево
- 27. Переместить меню dropdowm вправо - CSS
- 28. Элемент меню выпадающего меню CSS, перемещающийся влево?
- 29. Элементы положения как влево, так и вправо
- 30. JQuery Tools Прокрутка влево или вправо?
* Я не могу понять * недостаточно ... Вы должны на самом деле попробовать что-то и показать нам, где вы застряли – LcSalazar
Попробуйте добавить код, который вы написали, до http: // jsfiddle. net/editor и опубликовать ссылку с описанием того, что не работает. Тогда люди помогут вам. –