css可應用的漸進加強新特性

1. 讓有滾動行爲的元素平滑滾動  scroll-behavior: smooth;

<div class="smooth">

</dvi>

.smooth {

　　scroll-behavior: smooth;

}

一個用處就是經過 <a href="#id"> 實現的頁面內部滾動

支持瀏覽器：Chrome Firefox Opera

2. 粘性導航定位 position:sticky 

<nav style="position:sticky;top:10px">

</nav>

當nav導航從開始滾動到距視窗頂部10px時，變爲fixed特性，再也不隨頁面一塊兒滾動，實現粘性導航效果

在各式瀏覽器支持良好