Палитра цветов делает лайтбокс починенным при прокрутке
Я работающий с палитрой цветов jQuery. Когда содержание страницы является большим, и палитра цветов открыта. Затем палитра цветов прокручивается наряду с содержанием страницы. Я хочу, чтобы потребность палитры цветов была зафиксирована даже фоновые прокрутки содержания.
Выручите меня для устранения этой проблемы.
5 ответов
Пуака: Я меняю небольшую вещь, благодаря которой она отлично работает. Он идеально выравнивает центр.
Измените colorbox.css
с
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
на
#colorbox, #cboxOverlay{position:fixed; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper{}
colorbox идеально выровнен.
попробуйте это. измените colorbox.css на первое правило css:
с
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
на
#colorbox, #cboxOverlay {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper { position:fixed; margin:0 auto; z-index:9999; overflow:hidden;}
Метод пуака работал, только если я был прокручен до самого верха. иначе поле появилось бы ниже.
я разработал другой метод.
$("#btn").colorbox({width:"90%", height:"90%", iframe:true, scrolling:false, onOpen:function() { $("body").css("overflow", "hidden"); }, onClosed:function() { $("body").css("overflow", "auto"); }});
onOpen удалить полосу прокрутки тела onClosed заменить полосу прокрутки
У меня этот вариант работает даже лучше:
#colorbox, #cboxOverlay{position:fixed; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper{position:fixed;}
, основываясь на идее брадара, вам может потребоваться изменить
posTop = Math.max(winHeight - settings.h - loadedHeight - interfaceHeight,0)/2 + $window.scrollTop(),
posLeft = Math.max(document.documentElement.clientWidth - settings.w - loadedWidth - interfaceWidth,0)/2 + $window.scrollLeft();
на
posTop = Math.max(winHeight - settings.h - loadedHeight - interfaceHeight,0)/2,
posLeft = Math.max(document.documentElement.clientWidth - settings.w - loadedWidth - interfaceWidth,0)/2;
в функции позиции. (У меня работает)