easyautocomte 스크롤 문제

Question

jquery easyautocomplete (http://easyautocomplete.com/)를 사용하여 추천/자동 완성 상자를 만들었지 만 목록이 너무 길면 스크롤바가 없습니다. 결과적으로 전체 페이지를 스크롤하여 목록 맨 아래로 이동해야합니다.

누구든지 해결책을 알고 있다면 공유하십시오. http://easyautocomplete.com/에서 "easyautocomplete"를 사용하고 목록의 스크롤을 가지고 있지의 문제가 발생되어 누구든지

감사

Answer 1

친애하는 동료 프로그래머,

다음 빠른 해결 방법입니다. 다른 많은 문제가 있지만 지금은 그들에게 작업 할 충분한 시간이 없습니다. 앞으로 내가 그들을 풀 수있는 기회를 얻을 수 있다면 그들은 소유자에게 고정되어 있지 않다. 나는 그것을 너에게 나누어 주겠다.

다음 쉬운 autocomplete.css 파일을 열고 다음 코드 블록을 변경할 때까지 :

는 또한

.easy-autocomplete-container ul { 
    background: none repeat scroll 0 0 #ffffff; 
    border-top: 1px dotted #ccc; 
    display: none; 
    margin-top: 0; 
    padding-bottom: 0; 
    padding-left: 0; 
    position: relative; 
    top: -1px; 
    max-height:150px; /* Set your expected height */ 
    overflow-y:scroll; /* Enable vertical scrollbar */ 
} 

사람이 다음 목록에 단지 6 (육) 반환에 대해 걱정하는 경우가에 대한 솔루션입니다 :

열고 jquery.easy-autocomplete.min.js 또는 jquery.easy-autocomplete.js 내 경우에는 기본적으로 6했다 maxNumberOfElements의 값을 변경합니다.

코드의 마지막 두 줄은 실제로 트릭을 수행합니다. 또한 추가 테마를 사용하면 결과를 확인할 수 없기 때문에 문제가 있으면 미안합니다.

다른 사람들이 더 나은 해결책을 찾으면 다른 사람들과 자유롭게 이야기하십시오.

감사 & 해피 프로그래밍

업데이트 : 다음 링크가 더 나은 솔루션을 제공 는 : 스크롤 : http://gnnc.com.br/samples/easy-autocomplete/easy-autocomplete.php

Answer 2

당신은 고정 된 높이를 당신의 쉬운 자동 완성 용기를주고 오버 플로우를 추가해야합니다. 그렇지 않으면이 * 질문 * 폐쇄 얻을 것이다,

.easy-autocomplete-container { max-height:100px; overflow:scroll; }