我已经使用colpick.js来获得一个调色板。
当我单击div时,效果很好。它打开颜色框。
但是当我滚动页面并保持框处于打开状态时,它不会随页面滚动。它始终将其保持在滚动区域中。只是它随卷轴上下移动。有人可以帮忙吗?
$(".colorCircle").colpick({
color: '#212125',
colorScheme: 'dark',
layout: 'hex',
submit: 0,
onChange: function (hsb, hex, rgb, el, bySetColor) {
$(el).css('background-color', '#' + hex);
$(el).attr('colCode', '#' + hex);
$(el).value = "";
}
}).keyup(function () {
$(this).colpickSetColor(this.value);
});
最佳答案
如果未设置colpick.css
类,请确保.colpick
类的position
属性设置为position: absolute;
。以防万一,如果它已经具有此样式,请检查您的其他CSS文件,在其中您可能会覆盖此样式。colpick
库的.colpick
类通常看起来像,
.colpick {
position: absolute;
box-sizing:content-box;
width: 346px;
height: 170px;
overflow: hidden;
display: none;
font-family: Arial, Helvetica, sans-serif;
direction:ltr;
background:#ebebeb;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Prevents selecting text when dragging the selectors*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
希望这可以帮助!