CSS проблема с переполнением-у

0

У меня есть видеопроигрыватель на моем сайте, который будет иметь список видео с правой стороны. Этот список будет продолжать расти с течением времени и, следовательно, необходимо overflow-y: scroll; добавлен в мой CSS.

Но в то же время у меня есть отличный эффект зависания, который добавляет стрелку во время зависания и после нажатия.

Проблема в том, что когда я добавляю overflow-y: scroll; в контейнер, он удаляет эффект стрелки, кто-нибудь знает, как я могу сохранить эффект прокрутки и стрелку одновременно?

См. Пример FIDDLE.

Вы заметите, что я добавил комментарий, где я думаю, что переполнение должно быть добавлено, но я могу ошибаться:

/*THIS IS WHERE I NEED TO ADD OVERFLOW-Y SCROLL*/
#My-Vids #videos .list ul {
    background-color:#004461;

    height:482px;
    margin:20px
}

EDIT: посмотреть, что происходит, просто overflow-y: scroll; в мой код.

  • 1
    Полоса прокрутки сдвигает боковую панель влево, поэтому вам нужно убрать часть правого поля / отступа, чтобы стрелка снова появилась.
  • 0
    @TylerH - Я буквально только что понял это сейчас! Lol .. будет последним, что я попробую после публикации здесь. Мне стыдно! ХАХА .. Спасибо, хотя.
Показать ещё 7 комментариев
Теги:

1 ответ

1

Вам нужно сделать несколько вещей:

  • Удалите margin-left в своем списке.
  • Добавьте padding-left чтобы соответствовать исходной сумме
  • Удалить цвет фона из списка
  • Примените этот цвет фона к элементам списка, вместо этого
  • Измените элементы заголовка списка <p> чтобы использовать padding вместо margin.

Конечным результатом является тот, который, я считаю, является тем эффектом, который вы хотите.

Поделиться
  • 0
    Спасибо Niet, я понял это вскоре после публикации! Один из тех моментов блондинки. Но я все равно дам тебе. :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню