Datepicker (matCalendar) angular2 должен двигаться при прокрутке страницы

Question

Я использую DatePicker, когда я нажимаю на DatePicker, открывается календарь, теперь мне нужно, чтобы при прокрутке страницы календарь должен двигаться вдоль страницы, может кто-нибудь подсказать мне, как это сделать. Я новичок в angular2.

Answer 1

Вы можете заключить свой календарь в div и присвоить ему атрибут position fixed.

<div class="test">
    <mat-form-field>
        <input matInput [matDatepicker]="picker" placeholder="Choose a date">
        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
        <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>
</div>

---

.test {
  position: fixed;
}

---

Рабочая демоверсия