RequireJS を使用して skrollr と skrollrMenu を使用すると、エラーが発生します。これは私の main.js ファイルです:
require.config({
paths: {
jquery: '../bower_components/jquery/jquery',
skrollr: '../bower_components/skrollr/src/skrollr',
skrollrMenu: '../bower_components/skrollr-menu/src/skrollr.menu'
},
shim: {
skrollrMenu: {
deps: ['skrollr']
}
}
});
require(['app', 'jquery', 'skrollr', 'skrollrMenu'], function (app, $) {
'use strict';
window.onload = function() {
var s = skrollr.init();
console.log(s);
// //The options (second parameter) are all optional. The values shown are the default values.
skrollr.menu.init(s, {
//skrollr will smoothly animate to the new position using `animateTo`.
animate: true,
//The easing function to use.
easing: 'sqrt',
//How long the animation should take in ms.
duration: function(currentTop, targetTop) {
//By default, the duration is hardcoded at 500ms.
return 500;
//But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
//return Math.abs(currentTop - targetTop) * 10;
},
});
}
});
ページをロードするとUncaught TypeError: Cannot call method 'relativeToAbsolute' of undefined
、skrollr.menu ファイルのこの時点でエラーが発生します。
targetTop = _skrollrInstance.relativeToAbsolute(scrollTarget, 'top', 'top');
次に、 の出力が続きますconsole.log(s)
。skrollr.menu.init
これは が前に実行されていることを意味しconsole.log(s)
ますか?