Масонство перестраивается при изменении размера

Question

Я использую масонство для размещения плиток на странице, которая может менять ширину контейнера в различных шагах из-за гибкого дизайна. Но пока я активно изменяю размер браузера, кладка не меняет порядок значков. Так что в худшем случае, когда я очень медленно, но устойчиво изменяю размер браузера, кладка просто остается застрявшей и замороженной, которая просто не выглядит очень хорошей или жидкой.

Есть ли какое-либо обходное решение, чтобы мгновенно реагировать на кладку, даже если есть изменение размера еще в движении?

Answer 1

Можете ли вы предоставить более подробную информацию о вашей конкретной ситуации? Было бы очень полезно, если бы вы могли показать, какие библиотеки вы используете, а также URL или, по крайней мере, какой-то код.

Как выстрел в темноте, моей первой реакцией было бы проверить и убедиться, что вы привязываетесь к окну прослушивателя событий resize, чтобы масонство было сказано, когда ему нужно перетасовать.

Раньше я использовал Desandro's Masonry Plugin, и при этом вы должны привязать к прослушивателю событий resize. Из документации:

msnry.bindResize()

$container.masonry('bindResize');

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