過去幾個月中，微軟進(jìn)一步展現(xiàn)了對Chromium開源項(xiàng)目的興趣和熱情，從而為Chrome、Edge以及其他基于該項(xiàng)目的瀏覽器做出各種貢獻(xiàn)。在最新提交的提案中，希望通過部署EdgeHTML風(fēng)格的滾動特性從而讓Chromium的滾動變得更加靈敏。

在最新提交的Commit中，微軟希望將Impulse-style (也就是EdgeHTML-style) 滾動動畫加入到Chromium瀏覽器中。微軟表示已經(jīng)將該滾動動畫移植到基于Chromium的Edge Dev和Canary通道版本中。

Impulse-style滾動動畫在Edge瀏覽器中默認(rèn)處于啟用狀態(tài)。對于Chrome用戶來說，在未來幾天可以通過啟用實(shí)驗(yàn)性Flag進(jìn)行啟用。微軟表示Impulse-style滾動提供了更靈敏的滾動效果。鼠標(biāo)滾輪的每個刻度都試圖模仿實(shí)際物理滾動效果，頁面滾動會先快速移動然后慢慢停下來。

此外微軟正努力推薦另一項(xiàng)稱之為“percent-based scrolling”（基于百分比的滾動）的滾動特性，允許瀏覽器將鼠標(biāo)滾輪或者鍵盤滾動解釋為預(yù)期滾動條的百分比，這意味著在啟用該功能之后滾動體驗(yàn)會更加流暢。微軟表示正努力將經(jīng)典版Edge瀏覽器的優(yōu)秀特性移植到Chromium平臺上，而基于百分比的滾動方式只是其中之一。

縫滾動。

朋友出去面試前端被問到如何做這種無縫滾動，我簡單封裝了一個方法，還包含了鼠標(biāo)移入移出繼續(xù)暫停功能。用的純js+vue3寫的也就這點(diǎn)代碼，很簡單，后面使用只需要這兩行代碼就夠了，不需要有其他操作。簡單看一下代碼，就兩個核心點(diǎn)。

·首先就是克隆一份子元素，因?yàn)榭寺×怂栽跐L到一半的時候讓滾動值為0，就有種無縫滾動的感覺。

·這里還可以添加參數(shù)控制滾動的方向、速度等等。

代碼推到git倉庫了，這個文件夾下。

如果不需要滾動就不注冊事件。