2012-06-13 6 views
0

Я пытаюсь реализовать плагин Isotope в контейнере с фиксированной шириной, но у меня возникают проблемы с отображением полос прокрутки.jQuery изотоп с полосой прокрутки

То, что я хочу, это заставить полосы прокрутки (по умолчанию или некоторые причудливые) на макете изотопов, но она должна быть в фиксированной среде с шириной и высотой, с переполнением, установленным на тело.

Все примеры, которые я видел с помощью изотопа, масонства или Wookmark, используют полосы прокрутки, наложенные на тело или html, но для моего случая его нужно установить в скрытое.

Пожалуйста, любая помощь приветствуется.

+0

В основном я попытался реализовать изотоп в контейнере с фиксированной шириной, но проблема в том, что я должен иметь переполнение, установленное для скрытия на теле. – suludi

+0

Я попробовал добавить переполнение: авто, прокрутку, пользовательские полосы прокрутки, но ни одна из этих силовых полос прокрутки на #container, которая является держателем для элементов изотопа. – suludi

+0

Взгляните на этот пример, он отлично перерабатывает-http: //jsfiddle.net/desandro/P6JGY/6/. Но в моем случае при изменении размера он просто неистовый, потому что у меня нет полос прокрутки. – suludi

ответ

1

я решил подобную проблему следующим образом:

var $container = $(".container"); 
$container.isotope({ 
    itemSelector: '.item', 
    itemPositionDataEnabled: true, 
    layoutMode: 'masonry', 
    masonry: { rowHeight: 107,columnWidth : 413 } }).css('overflow','auto'); 
+0

решение - .css («переполнение», «авто»); –

1

Я буду считать ваши полосы прокрутки не отображается, так как переполнение было установлено в скрытые рядном, таким образом, имея более высокий приоритет в CSS. jQuery может решить это, изменив inline css.

Чтобы заставить полосы прокрутки использовать чистый CSS, используйте ключевое слово! Important для переопределения встроенного стиля.

#container { 
overflow:auto !important; 
} 
Смежные вопросы