CSS是我們前端開發中必不可少的風格語言,通過CSS可以很好的管理和控制頁面的表現形式。在開發中,滾輪效果也是比較常見的一種交互,那么CSS中又怎么來設置滾輪效果呢?
/* 屬性scroll-behavior用于設置在指定元素內發生滾動時需要遵循的滾動行為。 */ overflow-y: scroll; /*使滾動條永遠顯示*/ -webkit-overflow-scrolling: touch; /*安卓下優化滾動*/ scroll-behavior: smooth; /*平滑滾動*/
以上代碼中,scroll-behavior是CSS3屬性之一,可用于設置在元素內滾動時的行為。在實際使用中,我們可以通過使用這個屬性來做到滾動效果的優化。
其實不光是在常規頁面的開發中,tooltip、彈出框和其他一些交互都需要滾動效果。在這些情況下,我們同樣可以使用上述代碼來優化內部的滾動效果,給用戶更好的交互體驗。
上一篇iis php重啟
下一篇css中框架居中對齊