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小时内与您取得联系。