ScrollMagic:向锚点滚动添加偏移量?
ScrollMagic : Add offset to anchor scrolling?
我在网站上使用 ScrollMagic 有一个锚点 link 滚动功能,我试图将 scrollTo 目标沿 y 轴偏移 100px,我对 jquery 很陌生我不确定把这种指令放在哪里:
'scrollTop': $target.offset().top - 100
这是我的工作代码(来自:https://github.com/janpaepke/ScrollMagic/wiki/Tutorial-:-Anchor-Navigation):
$(document).ready(function() {
// Init controller
var controller = new ScrollMagic.Controller();
// Change behavior of controller
// to animate scroll instead of jump
controller.scrollTo(function(target) {
TweenMax.to(window, 2, {
scrollTo : {
y : target, // scroll position of the target along y axis
autoKill : true, // allows user to kill scroll action smoothly
},
ease : Cubic.easeInOut
});
});
// Bind scroll to anchor links
$(document).on("click", "a[href^=#]", function(e) {
var id = $(this).attr("href");
if($(id).length > 0) {
e.preventDefault();
// trigger scroll
controller.scrollTo(id);
// If supported by the browser we can also update the URL
if (window.history && window.history.pushState) {
history.pushState("", document.title, id);
}
};
});
});
非常感谢任何指点。
谢谢
哦亲爱的我。
经过许多不必要的修补和修改,结果证明答案比我想象的要简单得多。
只需将 y : target
替换为 y : target-100
.
是的,我是个白痴。
我在网站上使用 ScrollMagic 有一个锚点 link 滚动功能,我试图将 scrollTo 目标沿 y 轴偏移 100px,我对 jquery 很陌生我不确定把这种指令放在哪里:
'scrollTop': $target.offset().top - 100
这是我的工作代码(来自:https://github.com/janpaepke/ScrollMagic/wiki/Tutorial-:-Anchor-Navigation):
$(document).ready(function() {
// Init controller
var controller = new ScrollMagic.Controller();
// Change behavior of controller
// to animate scroll instead of jump
controller.scrollTo(function(target) {
TweenMax.to(window, 2, {
scrollTo : {
y : target, // scroll position of the target along y axis
autoKill : true, // allows user to kill scroll action smoothly
},
ease : Cubic.easeInOut
});
});
// Bind scroll to anchor links
$(document).on("click", "a[href^=#]", function(e) {
var id = $(this).attr("href");
if($(id).length > 0) {
e.preventDefault();
// trigger scroll
controller.scrollTo(id);
// If supported by the browser we can also update the URL
if (window.history && window.history.pushState) {
history.pushState("", document.title, id);
}
};
});
});
非常感谢任何指点。 谢谢
哦亲爱的我。
经过许多不必要的修补和修改,结果证明答案比我想象的要简单得多。
只需将 y : target
替换为 y : target-100
.
是的,我是个白痴。