使 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>

使 div 滚动条始终加载在顶部

Make a div scroll bar always load on top

css

overflow

scrollbar