整合營銷服務(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无码一区二区三区乱子伦| 岛国精品一区免费视频在线观看| 国产精品区一区二区三在线播放 | 人妻免费一区二区三区最新| 国精产品999一区二区三区有限 | 精品少妇ay一区二区三区| 日韩精品一区二区三区中文字幕| 国产精品视频一区二区三区经| 中文人妻av高清一区二区| 亚洲免费一区二区| 色一情一乱一伦一区二区三区日本| 精品无码一区二区三区电影| 91一区二区在线观看精品| 日韩一区二区电影| 国产亚洲日韩一区二区三区| 国产亚洲一区区二区在线| 免费看一区二区三区四区| 红杏亚洲影院一区二区三区| 国产精品免费大片一区二区| 国产精品被窝福利一区| 国产日韩AV免费无码一区二区三区| 无码人妻久久一区二区三区蜜桃| 国产综合无码一区二区色蜜蜜| 欧洲精品免费一区二区三区| 国产一区二区三区小向美奈子 | 国产亚洲无线码一区二区| 亚洲一区无码中文字幕| 精品视频一区二区三区免费| 无码人妻精品一区二区在线视频| 日本不卡一区二区视频a| 一区二区三区观看免费中文视频在线播放| 久久亚洲综合色一区二区三区| 免费日本一区二区| 国产99视频精品一区| 国产乱码精品一区二区三区| 日本精品夜色视频一区二区| 国产午夜毛片一区二区三区| 亚洲国产精品一区第二页| 国产精品高清一区二区人妖| 日韩免费无码一区二区视频|