我第一次使用 skrollr.js 来模拟一个原型视差网站,但是虽然我可以找到许多选项来调整和平滑链接(如菜单)的动画,但当用鼠标滚动时页面看起来很不稳定。
我认为最好的解决方法是减慢鼠标滚轮滚动以匹配页面的其余部分,这是可能的/最好的解决方案吗?
这是模拟页面的链接:http: //teahouse.server105.com/indexv4.html
这是我对 skrollr/initiate 价值观的呼吁:
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/skrollr.menu.min.js"></script>
<script type="text/javascript">
setTimeout(function() {
var s = skrollr.init({
forceHeight: false,
smoothScrolling: true,
smoothScrollingDuration: 150
});
skrollr.menu.init(s, {
easing: 'swing',
animate: true,
duration: function(currentTop, targetTop){
return Math.abs(currentTop - targetTop) * 3;
}
});
}, 500);
</script>