Горизонтальная полоса прокрутки не работает на выбранном теге - PullRequest
Новая
       29

Горизонтальная полоса прокрутки не работает на выбранном теге

5 голосов
/ 24 августа 2011

Я пытаюсь установить горизонтальные полосы прокрутки для тега выбора, который не работает.

Вот код: 

  <select style="height: 250px; width: 300px; overflow: auto;" 
  id="dnn_ctr459_ManageRelatedProducts_lstFrom" multiple="multiple"   
  name="dnn$ctr459$ManageRelatedProducts$lstFrom" class="selectList" size="4">
     <option value="9">33 Uithoeke</option>
     <option value="10">Aantekeninge by Koos Prinsloo</option>
     <option value="11">Aantekeninge by Koos Prinsloo (enhanced e-book)</option>
     <option value="12">Access to Social Security</option>
     <option value="13">Angling for Interpretation</option>
  </select>

.selectList 
{
   height: 250px;
   overflow: auto;
   width: 300px;
}

enter image description here

Решение Мэттарезультаты в этом: enter image description here

Окончательный результат в FF enter image description here

Окончательный результат в IE, благодаря Мэтту! enter image description here

Ответы [ 3 ]

3 голосов
/ 24 августа 2011

Не уверен, что вы можете сделать это, но вы всегда можете обмануть его так, чтобы поместить div вокруг элемента select и установить для него ширину и горизонтальную прокрутку. взято отсюда .

0 голосов
/ 29 марта 2014

Да, вы можете. Попробуйте это с 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>
0 голосов
/ 24 августа 2011

Нельзя принудительно использовать полосы прокрутки для выбранных элементов.

...