2017-02-27 25 views
0

jquery easyautocomplete(http://easyautocomplete.com/)を使用して提案/自動補完ボックスを作成しましたが、リストが長すぎるとスクロールバーが表示されません。その結果、リストの一番下に来るようにページ全体をスクロールする必要があります。easyautocomteスクロールの問題

誰かが解決策を知っている場合は、共有してください。 http://easyautocomplete.com/から「easyautocomplete」を使用して、リストのためのスクロールバーを持っていないという問題を持っている誰でも

おかげ

+0

あなたがそうでなければ、この*質問*閉じてしまいます答えを、追加し、質問などのフレーズにそれをする必要があります。それはあなた自身の質問に答えることができます(http://stackoverflow.com/help/self-answer)。そうするには評判が(> 15)十分です。 – Marvin

答えて

0

親愛なる仲間のプログラマー、

は、次のように迅速な回避策です。他にも多くの問題がありますが、今は自分で作業するのに十分な時間がありません。将来的に私はそれらを解決する機会を得ることができ、彼らが所有者によって固定されていない間に私はそれを行って、あなたと多くを共有します。それまで

あなたの容易な-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(6)リターンを心配されている場合は、そのためのソリューションです:

オープンjquery.easy-autocomplete.min.jsまたはjquery.easy-autocomplete.jsと私の場合は、デフォルトでたmaxNumberOfElementsの値を変更します。

コードの最後の2行が実際にトリックを行います。また、追加のテーマを使用すると結果を確認できないので、問題が発生した場合はごめんなさい。

誰かがより良い解決策を見つけた場合は、他の人と分かち合いましょう。

おかげ&ハッピー

更新プログラミング:スクロール:あなたは簡単にオートコンプリートコンテナに固定の高さを与え、オーバーフローを追加する必要が http://gnnc.com.br/samples/easy-autocomplete/easy-autocomplete.php

0

: を次のリンクは、より良いソリューションを提供します。ここで

は、あなたが使用できるCSSの例です:

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

返信いただきありがとうございます:オーバーフロー:スクロールでも水平スクロールバーが表示されます。だから、私はオーバーフローしました:スクロール。また、スクロールバーをulコンテナよりも長くするような.easy-autocomplete-containerクラスを変更すると、 ".easy-autocomplete-container ul"クラスを変更する必要があります。 –