Skrollr菜单在原始skrollr.js演示中不起作用

时间:2014-06-22 16:31:00

标签: javascript html skrollr

如何将skrollr-menu集成到skrollr-master / index.html (原始skrollr演示版)进行测试?

到目前为止,我没有运气。我喜欢有关如何做到这一点或工作实例的建议。

当我点击#easing链接时,没有任何反应。

可以在此处找到原始的skrollr演示: https://github.com/Prinzhorn/skrollr/blob/master/index.html

skrollr-menu可以在这里找到: https://github.com/Prinzhorn/skrollr-menu

以下是我尝试的内容:

  1. 我使用此代码在页面顶部链接到#easing,使其滚动到演示的缓动部分:

    <div style="background: red; color: white; z-index: 1000; position: fixed; top: 0;">
    <a href="#easing">Easing....</a>
    </div>
    
  2. 将skrollr.menu.js粘贴到src文件夹中,并将其包含在skrollr.min.js下面,并带有以下代码:

    <script type="text/javascript" src="src/skrollr.menu.js"></script>
    
  3. 我已经尝试过这些代码变体来让它发挥作用......

  4. 3.1使用skrollr-menu-master / index.html中的原始代码(删除forceHeight:false,这会中断所有滚动):

    setTimeout(function() {
        var s = skrollr.init({
    
        });
    
        skrollr.menu.init(s);
    }, 500);
    

    3.2包括skrollr.menu.init(s);低于原始javascript:

        var s = skrollr.init({
        edgeStrategy: 'set',
        easing: {
            WTF: Math.random,
            inverted: function(p) {
                return 1-p;
            }
        }
    });
    
    skrollr.menu.init(s);
    

0 个答案:

没有答案