Jsf 附加到正文的Primefaces自动完成菜单

我有一个自动完成字段列表：

    <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>

自动完成行的数量是动态的（多于所示的四条）

我的问题是，当“自动完成建议”菜单打开时，我尝试滚动（使用鼠标的滚动条）父DIV（id=“myList”），DIV会滚动，但“自动完成建议”菜单会保留在原来的位置，因为它会附加到主体上，并带有位置：绝对

我的问题是，是否有一种方法（比如在jqueryui中，可以使用“uifront”类）将菜单附加到父DIV（“myList”）

提前感谢,

-丹尼尔