我已经使用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;
}


希望这可以帮助!

10-06 11:55