我想使用div的ID来水平滚动用户选择的内容
这是html代码:
<ion-scroll #scroll scrollX="true" style="height:85px; border-bottom: 2px solid #a01e1e;">
<div class="scroll-item">
<ion-col col-10 *ngFor="let date1 of dateJson.data(click)="selectDate1(date1.apt_id, date1.full_date)">
<div class="div_date" *ngIf="appoint_date != date1.full_date" >
<span> {{date1.date}} {{date1.day}} </span>
<span> {{date1.month}} </span>
</div>
<div class="div_date_select" *ngIf="appoint_date == date1.full_date" id="date1" #date >
<span id="date1"> {{date1.date}} {{date1.day}} </span>
<span id="date1" > {{date1.month}} </span>
</div>
</ion-col>
</div>
</ion-scroll>
这是ts文件,我找不到元素的ID:
this.scrollTo();
scrollTo() {
var m = document.getElementById('date1');
}
答案 0 :(得分:0)
有几种方法可以达到相同的效果,但是如果您使用的是Angular版本> 6,我建议在scrollToPosition
下使用ViewportScroller
。
它接受位置坐标在其中滚动-
getScrollPosition(): [number, number]