Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 带常数的响应式Skrollr_Jquery_Html_Skrollr - Fatal编程技术网

Jquery 带常数的响应式Skrollr

Jquery 带常数的响应式Skrollr,jquery,html,skrollr,Jquery,Html,Skrollr,我有点困惑,试图通过使用数据常量使Skrollr响应-我不确定如何处理常量值。。。如果我的窗口高度以常量返回(例如:1024px),我如何告诉我的元素使用此值来控制动画 这是我的密码: window.onload = function() { var s = skrollr.init({ beforerender: function(data) { return data.direction == 'down'; },

我有点困惑,试图通过使用数据常量使Skrollr响应-我不确定如何处理常量值。。。如果我的窗口高度以常量返回(例如:1024px),我如何告诉我的元素使用此值来控制动画

这是我的密码:

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元素保持居中。当然,你可能正试图实现完全不同的目标。