Сделать полосу прокрутки div всегда загружать сверху

Question

этот div (.navsp) всегда загружает прокручиваемую страницу в его нижнюю часть на iPhone 6. Как я могу заставить его загружать полосу прокрутки вверху?

.header .navsp {
    padding: 37px 25px;
    opacity: 0;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    top: 80px;
    height: 100vh;
    width: 100%;
    z-index: 98;
}

Answer 1

Используйте rotateX(180deg) для перемещения полосы прокрутки вверх.Transform: rotateX (180deg) переместит полосу прокрутки к вершине div.Вот пример для вас:

.topScrollbar{
  width: 300px;
  margin: auto;
  border: 1px solid #424953;
  background: #f4f6f9;
  overflow-y: scroll;
  padding: 2%;
  white-space: nowrap
}

.topScrollbar, .content{
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg);
  -webkit-transform:rotateX(180deg);
}

<div class="topScrollbar">
  <div class="content">
    lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    <BR/><BR/><BR/>
    lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  </div>
</div>