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

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>