Блог

Главная - Вопросы по программированию - относительная позиция с переполнением-прокрутка y

относительная позиция с переполнением-прокрутка y

#jquery #css

#jquery #css

Вопрос:

у меня есть эта разметка.

 <ul style="position:relative; height: 150px; overflow-y: scroll; overflow-x: visible">
  <li style="position: absolute; left: -300px;">text content</li>
  <li style="position: absolute; left: -300px;">text content</li>
  ...
  <li style="position: absolute; left: -300px;">text content</li>
  <li style="position: absolute; left: -300px;">
    <a href="#" id="load-more">Load more</a>
  </li>
</ul>

разметка поступает из автозаполнения пользовательского интерфейса jquery, список будет перемещаться слева направо один за другим. когда я нажимаю #load-more то, что я ожидал, появляется только вертикальная полоса прокрутки, а не вертикальная и горизонтальная полоса прокрутки. кроме того, из-за переполнения элементы слайдов видны только в области <ul> not outside this .

что не так?

Комментарии:

1. overflow-x: hidden ?

2. Можете ли вы предоставить jsfiddle? Но, видя, что вы делаете, я думаю, что query перезаписывает значения HTML CSS. Вы можете попробовать установить нужное значение с помощью метода .css() с помощью jquery при загрузке дополнительных

3.не удается создать скрипку, но вот ссылка на веб comicedu.com/tubebugs overflow-x: hidden почти делаю это, но мне нужно, чтобы элементы перемещались из крайнего левого положения в положение 0 <ul>