我有一个autoComplete字段列表:
<div id="myList" style="height:200px; overflow:scroll;">
<p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="first" completeMethod="#{ myTest.autocompleteServer}" /><br />
<p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="second" completeMethod="#{ myTest.autocompleteServer}" /><br />
<p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="third" completeMethod="#{ myTest.autocompleteServer}" /><br />
<p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="fourth" completeMethod="#{ myTest.autocompleteServer}" /><br />
</div>
autoComplete行的数量是动态的(超过显示的四行)。
我的问题是,当autoComplete建议菜单打开并且我尝试滚动(使用鼠标的滚动条)父DIV(id =“myList”)时,DIV滚动,但autoComplete菜单保留在它的位置,因为它附加到身体的位置:绝对。
我的问题是,是否有办法(比如在jQuery UI中,您可以使用“ui-front”类)将菜单附加到父DIV(“myList”)。
提前致谢,
-Daniel