Wie man die horizontale Bildlaufleiste in der select-box im IE?

Ich versuche zu implementieren, die den folgenden code

HTML:

<div class="functionitem" id="selector_cat">
  <select name="sets" style="overflow:auto;width:100px;">
    <option value="general">happy holiday</option>
    <option value="garden">Garden</option>
    <option value="Lunch">Lunch</option>
    <option value="nice day">A nice day out with my friend on the beach</option>
  </select>
</div>

Rechten Teil der 4. option im Menü fehlt, Kann mir jemand sagen, stellen Sie die horizontale scroll-Arbeit in den IE, wenn nicht, gibt es andere Wege, dass könnte es funktionieren, danke!

sorry für jede Verwirrung, was ich will, ist, dass eine horizontale Bildlaufleiste, die in der drop-down-box, ich will es Feste Breite 100px; aber ich wollen, um den gesamten Inhalt, ich nehme an, der Benutzer kann einen Bildlauf nach rechts durch, wenn Sie wollen, um zu sehen, der ganze Satz in der drop-down-Feld auswählen,

  • kann jemand bitte helfen Sie mir das, vielen Dank!
InformationsquelleAutor smith | 2011-10-27
  1. 4

    Ich bin mir nicht wirklich sicher, was Sie zu erreichen versuchen. Das ist einfach ein select Liste. Entfernen Sie einfach Ihr styling, und es wird die Größe automatisch an Ihren Inhalt.

    BEARBEITEN

    Machen den container, der enthält die Liste scrollen. Hinweis: die Nutzbarkeit dieser ist etwas fragwürdig, so würde ich nach einer anderen Lösung, die vor der Umsetzung, so etwas wie dieses auf einer Seite.

    <div id="selector_cat"> 
    <select name="sets">
        <option value="general">happy holiday</option>
        <option value="garden">Garden</option>
        <option value="Lunch">Lunch</option>
        <option value="nice day">A nice day out with my friend on the beach</option>
    </select>
</div>
    #selector_cat{
    width: 100px; 
    overflow: auto;
}
    • danke, sorry für meine decribing, was ich will, ist, dass eine horizontale Bildlaufleiste, die in der drop-down-box, ich will es Feste Breite 100px; aber ich wollen, um den gesamten Inhalt, ich nehme an, der Benutzer kann einen Bildlauf nach rechts durch, wenn Sie wollen, um zu sehen, der ganze Satz in der drop-down-Feld auswählen, danke.
    • Ich machte eine Bearbeiten-basierend auf Ihrem feedback. Sie stellen die container Blättern, die die Liste enthält. Hinweis: die Nutzbarkeit dieser ist etwas fragwürdig, so würde ich nach einer anderen Lösung, die vor der Umsetzung, so etwas wie dieses auf einer Seite.
    • Danke, welche Lösung du meinst?
    • Das horizontale scrollen einer select-box. Aber wenn Sie wenig Platz auf Ihrer Seite, vielleicht es gut funktionieren wird 🙂
    InformationsquelleAutor Jesse
  2. 3

    versuchen Sie es mit JQuery:

    <div id='test' style="overflow-x:scroll; width:120px; overflow: -moz-scrollbars-horizontal;">
<select id='mySelect' name="mySelect" size="5">
    <option value="1">one two three four five six</option>
    <option value="2">seven eight</option>
    <option value="3">nine ten</option>
    <option value="1">one two three four five six</option>
    <option value="2">seven eight</option>
    <option value="3">nine ten</option>
    <option value="1">one two three four five six</option>
    <option value="2">seven eight</option>
    <option value="3">nine ten</option>
    <option value="1">one two three four five six</option>
    <option value="2">seven eight</option>
    <option value="3">nine ten</option>
</select>
<div id="divv" style='font-size: 1px'>&nbsp</div>
</div>

<script>
    $('#divv').css('width', $('#mySelect').outerWidth());
    $('#mySelect').css('width', $('#test').outerWidth());
    $( "#test" ).scroll(function() {
        $('#mySelect').css('width', $(this).outerWidth() + $(this).scrollLeft());
    });
</script>
    • Sie müssen einen JavaScript-hack, das erfordert eine 3rd-party-Bibliothek hinzufügen, etwas so einfaches wie eine scrollbar?! WTF?!
    • Dies funktionierte bei mir tadellos. Danke!
    InformationsquelleAutor Cyrus
Schreibe einen Kommentar