colpick js color palleteeの位置

Question

colpick.jsを使用してカラーパレットを取得しました。 divをクリックすると正常に動作します。カラーボックスを開きます。 しかし、私はボックスを開いたままにしてページをスクロールすると、スクロールされたページに常にスクロールされた領域に位置を保持します。単にスクロールで上下に移動します。誰かが助けることができる？あなたのcolpick.cssで

$(".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クラスがそれを設定されていない場合position: absolute;として設定position属性を持っていることを確認してください。既にこれがある場合は、おそらくこのスタイルをオーバーライドする可能性のある他の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; 
} 

・ホープこのことができます！