平滑滚动页面

Question

我想要一个平滑的滚轮。

我找到了这个流畅的滚动脚本：http://codepen.io/JsGists/pen/xRmRyN

它工作正常，但与另一个jquery脚本存在冲突：http://pixelcog.github.io/parallax.js/

如果我使用Parallax.js，则平滑滚动不起作用。如果我删除Parallax.js，则平滑滚动有效。

[我的JSFIDDLE] [1]

HTML：

<main>
  <span class="bc">  </span> 
  <span class="bc">  </span> 
  <span class="bc">  </span> 
  <span class="bc">  </span> 
  <span class="bc">  </span> 
</main>

CSS：

span {
  height:200px;
  width:400px;
  margin:50px;
  display:block;
}

body {

  height:1000px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  position:relative;
}

main {
  display: block;
  width: 100%;
}

.parallax-slider{
  transition:1.5s ease-out transform;
}
.parallax-mirror.hovered .parallax-slider,.parallax-slider:hover,.parallax-mirror:hover .parallax-slider{
   transform:scale(1.2)!important;
}