将滚动条从底部移动到顶部

Question

有没有办法将滚动条从 div 的底部移动到顶部？ 我试图为-webkit-scrollbar和-webkit-scrollbar-track设置任何边距，但没有任何结果？！

<div class="accordion__content">
    <ul class="list" #timelineList>
      <li
        class="list__item"
        *ngFor="let ecp of incidentAnalysis?.incidentTimeline.ecps; index as i"
        [style.width.px]="getIncidentListWidthDependingOnEventLength()"
      >

        <app-event-timeline
          class="fg-chart"
          [alarmData]="prepareIncidentTimelineChartData(ecp.alarms)"
          [startDate]="convertToDate(incidentAnalysis?.startTime)"
          [endDate]="convertToDate(incidentAnalysis?.endTime)"
          [timelineVisibleWidth]="incidentTimelineVisibleWidth"
          [timelineLeftContentWidth]="incidentTimelineLeftContentWidth"
          [minuteToPixel]="incidentTimelineMinuteToPixel"
          [timelineWidth]="getIncidentTimelineWidthDependingOnEventLength()"
        ></app-event-timeline>
      </li>
    </ul>
  </div>

滚动条在 ul 上。 谢谢！

Answer 1

你试过使用-webkit-transform:rotateX(180deg)

例子：

 .Container { width: 300px; overflow-y: auto; }.Content { width: 400px; transform:rotateX(180deg); // in order to rotate the text back to 0 }.rotateX { transform:rotateX(180deg); }

 <h1>Top scrollbar</h1> <div class="Container rotateX"> <div class="Content">text text text text text text text.....</div> </div>