IT之家12月9日消息 微软对Chromium开源项目非常感兴趣，因为该项目对Edge和Chrome都有利。微软最新的功能请求之一就是希望通过部署Edge HTML风格的滚动特性从而让Chromium的滚动变得更加灵敏。

微软打算将Impulse样式（即EdgeHTML样式）滚动动画加入到Chromium中，微软已经将该滚动动画移植到了基于Chromium的Edge浏览器的Dev Canary通道中。默认情况下，Edge浏览器中启用了脉冲样式的滚动动画。对于Chrome，该功能可能会在未来几天内出现在试验版浏览器中。

作者：伯乐在线/chokcoco

http://web.jobbole.com/95068/

何为滚动视差

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。

通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动视差效果方面，也有着不俗的能力。下面就让我们来见识一二：

在一些场景中，我们需要实现这样的场景：当网页滚动距顶部一定高度时某个div隐藏或者悬浮展示。可以通过jQuery滚动事件，结合jQuery操作CSS类的相关函数，实现此类场景。

比如，这有一个文章专题页面，左侧是专题板块，属于锚点链接，右侧是一些文章板块的堆积，页面高度经常会超出了显示器的可视高度，需要滚动或者点击锚点进行好看，往下滚动时左侧板块导航也就随着往上走，就需要将板块始终展示在浏览器可使区域内，代码如下：

这里我使用了Layui前端框架，关于layui框架的使用，请参考《

ss3可以自定义滚动条样式，今天发现了一个花式玩法，一起看看？ 之前写过网页时滚动条时是不是都这个样子的呢

这个滚动条好看么？

废话肯定不好看！ 如果设计湿给个带背景的设计图，又当如何呢？

是不是更丑了！

前方高能登场！非战斗人员请火速避开！

请注意第二张图并非滚动条不见了，是设置了与背景色同色，（是不是多此一举了，用户体验去哪了！）

是不是美观了不少？

身为前端老司机，还是得分享些干货精品学习资料的，前端资料获取方式：

上次关于css滚动条样式的文章《美化css滚动条样式，就这么简单》，不够完美不兼容IE、火狐浏览器，但今天这篇文章可以完美解决这个问题，用到了jquery插件jquery.mCustomScrollbar，还是挺好用的，样式主题多够我们用了，也可以自定义样式。

1.使用方法：

1）先引入jquery插件jquery.mCustomScrollbar样式和它的js以及jquery

1、首先看一看是什么效果？

2、一行background-attachment:fixed搞定镂空信息流广告

这个方法理论上是最简单效果也最好的方法。

CSS中有个background-attachment属性，当我们设置属性值为fixed的时候，背景图片相对于窗体定位，不受滚动影响。

于是，我们的实现就很简单：信息流列表HTML中插入个广告<a>链接，然后广告图作为背景图呈现，设置background-attachment:fixed效果就可以实现了，就这么简单。

一,改变浏览器默认的滚动条样式

::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性

background-color:#f8f8f8;

}

::-webkit-scrollbar {//滚动条的宽度

width:9px;

height:9px;

}

::-webkit-scrollbar-thumb {//滚动条的设置