jQuery-autocomplete scroll issue

Question

Estoy usando rails3-jquery-autocomplete en mi aplicación. He enfrentado el siguiente problema: si ingresa algo en el campo de entrada para que se muestren los datos de autocompletar y recorra la página después de eso, el cuadro con los datos de autocompletar no se desplaza con la página. Se mantiene en la misma posición.

Puedes ver lo que estoy enfrentando here. Tenga en cuenta que este ejemplo no lo creo yo, así que no estoy seguro de que se use el mismo complemento jquery aquí. Sin embargo, el problema es bastante similar.

Answer 1

Probablemente se echa en falta appendTo-atributo de opciones de autocompletar. Su valor predeterminado es cuerpo, pero es probable que desee hacerlo a tu contenedor div (difícil decir exactamente sin ver su código).

Ver documents.

Answer 2

añadir esto a la css

 .ui-autocomplete { 
     height: 200px; 
     overflow-y: scroll; 
     overflow-x: hidden; 
    } 

Answer 3

pero ¿ha comprobado el escenario, después de aplicar la altura y el desbordamiento de que el resultado no puede capaz de desplazarse por la lista utilizando el teclado de flecha hacia abajo, lo que puede poder desplazarse usando el mouse Si usamos el teclado para desplazarlo, la barra de desplazamiento se mantiene ideal y el valor de resaltado se recorre en toda la lista.

Answer 4

Sé que esto es viejo, pero me acaba de arreglar esto en mi propio proyecto mediante la adición de una propiedad CSS de "position: fixed" a ".ui-autocompletar" en mi proyecto. Verifíquelo aquí si lo desea: 34.212.191.181:3000.

P/s es la página en vietnamita, sólo jugar con el cuadro de búsqueda en la barra de navegación :)