如何将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
以下是我尝试的内容:
我使用此代码在页面顶部链接到#easing,使其滚动到演示的缓动部分:
<div style="background: red; color: white; z-index: 1000; position: fixed; top: 0;">
<a href="#easing">Easing....</a>
</div>
将skrollr.menu.js粘贴到src文件夹中,并将其包含在skrollr.min.js下面,并带有以下代码:
<script type="text/javascript" src="src/skrollr.menu.js"></script>
我已经尝试过这些代码变体来让它发挥作用......
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);