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被浏览器顶部切断

回答

相关问题