Всплывающая боковая панель, как сделать скролинг?

Question

[Антон Вебсайтовский]

Всем привет.
В боковой выдвижной панели есть скролинг, но он как-то не работает, как сделать чтобы работал?

в css видно что стили скрола есть

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 100%;
  padding: 80px 20px 20px 20px;
  overflow: auto;
  /* smooth scrolling on touch devices*/
  -webkit-overflow-scrolling: touch; 
  color: #000;
}

Рабочий пример тут:
https://jsfiddle.net/9k4mgqa6/

Вообщем он куда-то спрятался.

Comments

[Алексей]

У меня все работает

[Антон Вебсайтовский]

Алексей, а какой браузер?

[Алексей]

iPad браузер хром

[Антон Вебсайтовский]

В хроме и мозиле скрол сам не видно.

[Алексей]

Антон Вебсайтовский, не видно сам скролл, но скроллинг работает

[Антон Вебсайтовский]

Алексей, да, я так и понял уже.

Answer 1

[Владимир Кашутин]

https://jsfiddle.net/Vsnegovik/eom4artp/1/

.cd-panel-content {
  right: 0;
   /* width: 400px; */
}

Comments

[Антон Вебсайтовский]

Спасибо, работает, а то я думал уже другую панельку искать и ставить.

[Антон Вебсайтовский]

а как поправить еще то что верх скрола и низ стрелки куда-то уходят за границы.

[Антон Вебсайтовский]

Все сделал так: https://jsfiddle.net/q9usfjrx/

Answer 2

[азаза]

overflow-y:scroll

Comments

[Антон Вебсайтовский]

Добавил, но почему-то не вижу скрол https://jsfiddle.net/js7rn4u2/

[азаза]

Антон Вебсайтовский, я с телефона сейчас. у панели с высотой что то
попробуйте position:fixed
top:0
bottom0

[Антон Вебсайтовский]

ты про это

.cd-panel {
position: fixed;
top: 0;
bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

[Антон Вебсайтовский]

С телефона нет смысла смотреть ибо там нет еще адаптации, а так я заходил смотрел все ок с андроида.