Question

我用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);

            });

Answer 1

在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;
}

希望这有帮助！

colpick js颜色托盘位置

1 个答案: