有没有办法将滚动条从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 上。 谢谢!
答案 0 :(得分:0)
您是否尝试过使用 -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>