如何滚动div中的特定元素?

时间:2019-02-15 07:34:32

标签: angular ionic3

我想使用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');
}

1 个答案:

答案 0 :(得分:0)

有几种方法可以达到相同的效果,但是如果您使用的是Angular版本> 6,我建议在scrollToPosition下使用ViewportScroller

它接受位置坐标在其中滚动-

getScrollPosition(): [number, number]

Working Example