Choppy slide animation for mat-sidenav on mobile chrome

#### Bug, feature request, or proposal:
The animation for sliding in mat-sidenav (in `over` mode) on Chrome (latest) on older Android phones (reproducible on Xperia M5 E6633 with Android 6.0.0) is very choppy and slow

#### What is the expected behavior?
Animation should be smooth. Other sidenav libraries (at least those which use transform) are smooth.

#### What is the current behavior?
Choppy animation

#### What are the steps to reproduce?
A new project with Angular 6 and `ng add ... sidenav-stuff ...`

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular, Material 6, TS 2.7.2, Chrome Android 66.0.3359.158

Tái hiện vấn đề trong một dự án Angular 6 mới bằng cách sử dụng mat-sidenav ở chế độ over trên Chrome for Android, ưu tiên với môi trường Xperia M5 đã được báo cáo. Trước tiên, hãy kiểm tra đường đi của animation trong mat-sidenav và so sánh hành vi của nó với các triển khai dựa trên transform. Công việc được xem là hoàn tất khi animation của sidenav chạy mượt trên thiết bị Android cũ được báo cáo mà không gây hồi quy ở các chế độ khác.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.