jquery jpicker被瀏覽器頂部切斷

我正在使用jpicker，它被瀏覽器切斷。有沒有人曾經遇到過這個問題？jquery jpicker被瀏覽器頂部切斷

這裏是我的jQuery片段

//jpicker hex color picker 
if($('#hexPicker').length) { 
    $('#hexPicker').jPicker(); 
}

這裏是我的表單代碼

<div class="row"> 
    <label for="color">Background Color</label> 
    <input type="text" name="color" value="00ff00" class="small" id="hexPicker" /> 
</div>

enter image description here

來源

2012-01-21 Catfish

一旦我用一個顏色選擇器和麪臨同樣的問題，我記得我使用chrome的元素檢查工具來找出容器的等效css樣式，並且我可以成功地更改容器的css樣式。你可以嘗試這種方法來解決這個問題。 –

我不知道，但你可能會嘗試這個

$('#hexPicker').jPicker({ 
    window: { 
    position: { 
     x: 'screenCenter', // acceptable values "left", "center", "right", "screenCenter", or relative px value 
     y: 'center', // acceptable values "top", "bottom", "center", or relative px value 
    } 
    } 
});

來源

2012-01-21 21:25:16

我相信它是{窗口：{position：{x：'screenCenter'，y：'center'}}}。無論如何，y值是相對於擴展jPicker的元素（不是屏幕絕對），所以如果它在頁面頂部附近滾動，它仍然會被截斷。 – Hollister

羽絨選民應該解釋原因。 –

我使用jQueryUI的標籤和定位是報道錯誤，但使用

window:{position:{x:'screenCenter',y:'200'}} // 200 can be any fixed value

設定一個明確的數值解決了這個問題對我來說，認爲這是值得分享

來源

2012-04-12 02:34:12 Brad

jquery jpicker被瀏覽器頂部切斷

回答

相關問題