jquery的autocomplete被遮擋以及增加滾動條

今天使用jquery的autocomplete，記錄兩個問題，一個是，autocomplete的彈出框被遮擋。如下圖

 

解決方案是增加open方法，在裏面設置z-index的值。

 

第二個問題是，增加滾動條。

解決方法是用css進行控制，

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

 

增加以上css。即可解決

 

PS：解決完這兩個小問題後，感受就是，百度是啥？谷歌真香。