2

我第一次使用 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>
4

0 回答 0