colpick js顏色托盤位置

我已經使用colpick.js來獲取顏色托盤。當我點擊它工作正常。它打開顏色框。但是，當我滾動頁面保持框打開它不會滾動頁面。它始終保持它在滾動區域的位置。只是它隨着滾動而上下移動。有人可以幫忙嗎？colpick js顏色托盤位置

$(".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); 

      });

來源

2016-09-14 Kanishka

它的CSS可能說'position：fixed;'。嘗試將其改爲'position：absolute;'。或者不要擔心這個邊緣情況。 – jedifans

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

希望這有助於！

來源

2016-09-14 06:24:15

colpick js顏色托盤位置

回答

相關問題