jQuery slideToggle добавление пробела

Question

jQuery slideToggle добавление пробела

0

Я использую slideToggle чтобы отображать/скрывать подменю, но всякий раз, когда я переключаю подменю, добавляется немного дополнительного пространства в нижней части содержащего элемента. Это только на короткую секунду.

Любая идея, почему это происходит?

Вы можете видеть поведение в этой скрипке.

JS

$( ".dd" ).click(function() {
  $( ".submenu" ).slideToggle( "slow", function() {
  });
});

justinw 13 май 2014, в 18:33

Источник

0

Это связано с полями, подменю добавляет margin-bottom:12px а также родительское меню, делая его двойным, когда вы открываете / закрываете его jsfiddle.net/3dX3T/19
G.Mendes 13 май 2014, в 16:32

Теги:

javascript

jquery

html

css

3 ответа

1

Если вы решите не проходить дополнительный маршрут прокладки, это также, похоже, сработает.

Демо-версия JSfiddle

Обновленный CSS

header nav > ul > li {
    display: block;
    margin: 0 0 12px 0;
}

header .submenu li {
    display: block;
    margin: 0 0 12px 0;
}

header nav > ul > li:last-child {
    display: block;
    margin: 0 ;
}

Paulie_D 13 май 2014, в 14:32

0

Это, конечно, исправляет скачок, но портит мои отступы / поля. Но я могу это отрегулировать , так что это тоже работает.
justinw 13 май 2014, в 17:23

0

решение состоит в том, чтобы добавить 1px дополнение вместо 0 дополнений

ul, li {
    list-style: none;
    margin:0;
    padding:1px;
}

наслаждаться :)

Anri 13 май 2014, в 13:54

1

Хорошо, но почему? Объяснение будет полезно для дальнейшего использования.
Paulie_D 13 май 2014, в 16:30
0

stackoverflow.com/questions/2283538/...
Anri 13 май 2014, в 16:31
0

это проблема css
Anri 13 май 2014, в 16:32

Показать ещё 1 комментарий

Ещё вопросы

Это связано с полями, подменю добавляет margin-bottom:12px а также родительское меню, делая его двойным, когда вы открываете / закрываете его jsfiddle.net/3dX3T/19
Это, конечно, исправляет скачок, но портит мои отступы / поля. Но я могу это отрегулировать , так что это тоже работает.
Хорошо, но почему? Объяснение будет полезно для дальнейшего использования.

j08691 · Accepted Answer · 2014-05-13T15-32-00.000Z

Ваша маржа рушится, и это вызывает скачок с помощью метода slideToggle(). Исправить это?

Добавить

li {
    overflow:auto;
}

Пример jsFiddle

Это лучший подход для устранения проблемы без дополнительных настроек отступов / полей.