Jquery 带常数的响应式Skrollr
我有点困惑,试图通过使用数据常量使Skrollr响应-我不确定如何处理常量值。。。如果我的窗口高度以常量返回(例如:1024px),我如何告诉我的元素使用此值来控制动画 这是我的密码:Jquery 带常数的响应式Skrollr,jquery,html,skrollr,Jquery,Html,Skrollr,我有点困惑,试图通过使用数据常量使Skrollr响应-我不确定如何处理常量值。。。如果我的窗口高度以常量返回(例如:1024px),我如何告诉我的元素使用此值来控制动画 这是我的密码: window.onload = function() { var s = skrollr.init({ beforerender: function(data) { return data.direction == 'down'; },
window.onload = function() {
var s = skrollr.init({
beforerender: function(data) {
return data.direction == 'down';
},
render: function(data) {
console.log(data.curTop);
},
forceHeight: false,
constants: {
screen: function() {
return $(window).height();
}
}
});
};
$(function() {
skrollr.get().refresh();
});
感谢您对这个问题的深入了解。您好,您可以同时显示您正在使用的HTML吗?当然可以<代码>..除非我有误解,否则您似乎已经按应有的方式设置好了一切
data-_screen-0=“@Animate:0;”
被解释为data-(窗口高度减去0p)
Btw,您是否打算使用“p”单位值而不是px或pt?我以前从未见过使用单位值。此外,我相信我曾经遇到过一个问题,即即使在0值上也没有指定单位。编辑:哦,p被解释为一个百分比单位,不用担心。谢谢。上面是我设置的一个例子,但问题是我有几个动态元素需要在响应环境中设置动画,我不确定如何最好地利用常数作为所有这些元素的关键。如果元素被输入反映窗口高度的“screen”值,那么如何对动态元素进行编码,以使其在使用该值的任何屏幕上都能正确响应?我想我得到了。但在我看来,你可能正在以一种复杂的方式实现预期的效果,可能有一种更简单的方法来达到同样的最终结果。我是根据你的代码创建的,但是很自然地,如果我不了解你的设置和你想要达到的效果,我不会走得太远。也就是说,我上面链接的小提琴是响应的,因为我理解这个词。上下调整浏览器大小,skrollable元素保持居中。当然,你可能正试图实现完全不同的目标。