我第一次使用skrollr.js来模拟一个原型视差网站,但是虽然我可以找到许多选项来调整和平滑链接中的动画(如菜单)但页面看起来很不稳定用鼠标滚动。
我认为最好看的修复方法是减慢鼠标滚轮滚动以匹配页面的其余部分,这是可能的/最佳解决方案吗?
这是模拟页面的链接: http://teahouse.server105.com/indexv4.html
这是我对skrollr / init值的调用:
<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>