2015-03-13 2 views
1

Demo link (Изменение размера окна до ~ 768px ширины)Сова Карусель конфликт с масонством. Абсолютное позиционирование и перелив материал

Таким образом, очевидно, имеющий карусельного ползунок филина внутри элемент кладки заставляет его сойти с ума. Как вы можете видеть в ссылке при изменении размера браузера. Я думаю, что нашел, что проблема, хотя я не знаю, как ее решить. Если вы немного проанализируете карусель совы, вы увидите, что есть div, у которого есть переполнение: скрытый атрибут, который является ключевым, если вам нужен только один элемент слайдера. Вот кикер. Этот атрибут, overflow: hidden, НЕ работает, когда ЛЮБОЙ из его родителей абсолютно позиционируется. Буквально, даже если он вложен в 15 элементов, если тело абсолютно позиционировано, произойдет очевидный конфликт. Любые идеи?

Thanks :)

+0

Только на полпути решения: '.BP держатель {максимальной ширина: 100%;}' зафиксирует проблему ширины. Но не будет фиксировать проблему высоты/верхнего положения кладки. –

+0

Да, сделал это сам, даже не назвал бы это решением, но спасибо :) – iTakeHome

ответ

0

Я нашел решение вашей проблемы.

  onResize: function(){ 
       setTimeout(function(){ 
        var msnry = Masonry.data('#imagesarea'); 
        msnry.layout(); 
       },200); 
      } 

Надеется, что это помогает;)

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