整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          讓Chrome“滾”得更流暢:微軟推薦Edge HTML風(fēng)格滾動特性

          T之家12月9日消息 微軟對Chromium開源項(xiàng)目非常感興趣,因?yàn)樵擁?xiàng)目對Edge和Chrome都有利。微軟最新的功能請求之一就是希望通過部署Edge HTML風(fēng)格的滾動特性從而讓Chromium的滾動變得更加靈敏。

          微軟打算將Impulse樣式(即EdgeHTML樣式)滾動動畫加入到Chromium中,微軟已經(jīng)將該滾動動畫移植到了基于Chromium的Edge瀏覽器的Dev Canary通道中。默認(rèn)情況下,Edge瀏覽器中啟用了脈沖樣式的滾動動畫。對于Chrome,該功能可能會在未來幾天內(nèi)出現(xiàn)在試驗(yàn)版瀏覽器中。

          微軟表示,Impulse-style (也就是EdgeHTML-style)滾動動畫將提供更靈敏的滾動體驗(yàn),用戶啟用后鼠標(biāo)滾輪的每個刻度都試圖模仿基于物理的內(nèi)容,內(nèi)容會開始快速移動然后逐漸變慢。換句話說,由于開始時的快速加速,該模式會給人一種更靈敏的感覺。

          此外微軟還在推行另一項(xiàng)稱之為“percent-based scrolling”(基于百分比的滾動)的滾動方案,該模式允許瀏覽器將鼠標(biāo)滾輪或者鍵盤滾動解釋為預(yù)期滾動條的百分比。微軟目前正努力將經(jīng)典版Edge瀏覽器的優(yōu)秀特性移植到Chromium平臺上,包括這項(xiàng)基于百分比的滾動方式。

          過去幾個月中,微軟進(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倉庫了,這個文件夾下。

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


          主站蜘蛛池模板: 国产亚洲一区二区三区在线观看| 日韩一区在线视频| 午夜一区二区在线观看| 无遮挡免费一区二区三区| 无码国产精品一区二区免费式影视| 国产av一区二区精品久久凹凸| 国产乱码精品一区二区三区中| 久久久久久综合一区中文字幕| 日韩一区二区三区免费播放| 亚洲熟女www一区二区三区| 亚洲av综合av一区| 国产午夜精品一区理论片飘花 | 日韩精品午夜视频一区二区三区| 一区二区视频在线观看| 国产成人一区二区三区在线| 久久se精品一区精品二区国产| 日本精品视频一区二区三区| 成人毛片无码一区二区| 亚洲av永久无码一区二区三区 | 精品一区二区三区免费 | 亚洲AV无码一区二区三区牲色| 日韩高清国产一区在线| 乱子伦一区二区三区| 国产一区二区免费| 日韩亚洲AV无码一区二区不卡| 国产福利精品一区二区| 无码国产精品一区二区免费式芒果| 精品一区二区久久久久久久网站| 日本在线一区二区| 久久亚洲日韩精品一区二区三区| 中文字幕一区视频| 日本一区二区三区不卡视频 | 亚洲国产av一区二区三区| 秋霞鲁丝片一区二区三区| 无码日韩精品一区二区人妻| 亚洲一区无码精品色| 精品亚洲一区二区| 伊人色综合视频一区二区三区| 色综合久久一区二区三区| 亚洲国产专区一区| 日韩亚洲AV无码一区二区不卡|