css3中的scroll-behavior屬性 讓滾動條可以平滑滾動


scroll-behavior屬性

當用戶手動導航或者 CSSOM scrolling API 觸發滾動操作時,CSS 屬性 scroll-behavior 為一個滾動框指定滾動行為,當用戶通過鼠標滑輪滾動或者手機觸屏滾動,不受這個屬性的影響。在根元素中指定這個屬性時,它反而適用於視窗。

scroll-behavior屬性包括: smooth | auto;

auto: 默認值,表示滾動框立即滾動到指定位置。 smooth 表示允許滾動時采用平滑過渡,而不知直接滾動到相應位置,最常見的比如回到頂部按鈕和錨點。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM