Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
T之家12月9日消息 微軟對Chromium開源項目非常感興趣,因為該項目對Edge和Chrome都有利。微軟最新的功能請求之一就是希望通過部署Edge HTML風格的滾動特性從而讓Chromium的滾動變得更加靈敏。
微軟打算將Impulse樣式(即EdgeHTML樣式)滾動動畫加入到Chromium中,微軟已經將該滾動動畫移植到了基于Chromium的Edge瀏覽器的Dev Canary通道中。默認情況下,Edge瀏覽器中啟用了脈沖樣式的滾動動畫。對于Chrome,該功能可能會在未來幾天內出現在試驗版瀏覽器中。
微軟表示,Impulse-style (也就是EdgeHTML-style)滾動動畫將提供更靈敏的滾動體驗,用戶啟用后鼠標滾輪的每個刻度都試圖模仿基于物理的內容,內容會開始快速移動然后逐漸變慢。換句話說,由于開始時的快速加速,該模式會給人一種更靈敏的感覺。
此外微軟還在推行另一項稱之為“percent-based scrolling”(基于百分比的滾動)的滾動方案,該模式允許瀏覽器將鼠標滾輪或者鍵盤滾動解釋為預期滾動條的百分比。微軟目前正努力將經典版Edge瀏覽器的優秀特性移植到Chromium平臺上,包括這項基于百分比的滾動方式。
過去幾個月中,微軟進一步展現了對Chromium開源項目的興趣和熱情,從而為Chrome、Edge以及其他基于該項目的瀏覽器做出各種貢獻。在最新提交的提案中,希望通過部署EdgeHTML風格的滾動特性從而讓Chromium的滾動變得更加靈敏。
在最新提交的Commit中,微軟希望將Impulse-style (也就是EdgeHTML-style) 滾動動畫加入到Chromium瀏覽器中。微軟表示已經將該滾動動畫移植到基于Chromium的Edge Dev和Canary通道版本中。
Impulse-style滾動動畫在Edge瀏覽器中默認處于啟用狀態。對于Chrome用戶來說,在未來幾天可以通過啟用實驗性Flag進行啟用。微軟表示Impulse-style滾動提供了更靈敏的滾動效果。鼠標滾輪的每個刻度都試圖模仿實際物理滾動效果,頁面滾動會先快速移動然后慢慢停下來。
此外微軟正努力推薦另一項稱之為“percent-based scrolling”(基于百分比的滾動)的滾動特性,允許瀏覽器將鼠標滾輪或者鍵盤滾動解釋為預期滾動條的百分比,這意味著在啟用該功能之后滾動體驗會更加流暢。微軟表示正努力將經典版Edge瀏覽器的優秀特性移植到Chromium平臺上,而基于百分比的滾動方式只是其中之一。
縫滾動。
朋友出去面試前端被問到如何做這種無縫滾動,我簡單封裝了一個方法,還包含了鼠標移入移出繼續暫停功能。用的純js+vue3寫的也就這點代碼,很簡單,后面使用只需要這兩行代碼就夠了,不需要有其他操作。簡單看一下代碼,就兩個核心點。
·首先就是克隆一份子元素,因為克隆了所以在滾到一半的時候讓滾動值為0,就有種無縫滾動的感覺。
·這里還可以添加參數控制滾動的方向、速度等等。
代碼推到git倉庫了,這個文件夾下。
如果不需要滾動就不注冊事件。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。