Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/8.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
Twitter bootstrap 3 将skrollr与bootstrap3一起使用_Twitter Bootstrap 3_Skrollr - Fatal编程技术网

Twitter bootstrap 3 将skrollr与bootstrap3一起使用

Twitter bootstrap 3 将skrollr与bootstrap3一起使用,twitter-bootstrap-3,skrollr,Twitter Bootstrap 3,Skrollr,可以使用skrollr和引导程序吗?我的意思是,有没有可能让一个使用skrollr开发的网站使用Bootstrap3进行响应 现在我正在做一个项目,我正在使用bootstrap 3和skrollr,这并没有让我的生活更艰难,只是像平常一样使用skrollr,在重写css时仍然要注意。我对移动版的建议是关闭skrollr,使其成为一个静态网站,并且不要在标记中手动键入数据属性,而是使用javascript。如果使用javascript,则可以在调整窗口大小时重新计算数据属性中给定的值 //used

可以使用skrollr和引导程序吗?我的意思是,有没有可能让一个使用skrollr开发的网站使用Bootstrap3进行响应

现在我正在做一个项目,我正在使用bootstrap 3和skrollr,这并没有让我的生活更艰难,只是像平常一样使用skrollr,在重写css时仍然要注意。我对移动版的建议是关闭skrollr,使其成为一个静态网站,并且不要在标记中手动键入数据属性,而是使用javascript。如果使用javascript,则可以在调整窗口大小时重新计算数据属性中给定的值

//used to set dynamically the attributes for animations
var setSkrollr = function($el, data) {
    // loop all data entries (scroll positions + css property & value)
    for (var i = 0, l = data.length; i < l; i++) { 
         // the current data entry
        var d = data[i]
     // the scroll position (in pixels)
            px = d[0]; 
     // the css property + value to set
            css = d[1]; 
        $el.attr('data-' + px, css);
    }
}
标记将如下所示:

<div class = "box1" data-0="opacity:1;" data-500="opacity:1;" data-600="opacity:0;"></div>

这个函数不是我自己做的,我在网上也找到了这个方法。我不想为此承担责任


希望它对我有所帮助现在我正在做一个项目,我正在使用bootstrap 3和skrollr,这并没有让我的生活变得更艰难,只是像平常一样使用skrollr,在重写css时仍然要注意。我对移动版的建议是关闭skrollr,使其成为一个静态网站,并且不要在标记中手动键入数据属性,而是使用javascript。如果使用javascript,则可以在调整窗口大小时重新计算数据属性中给定的值

//used to set dynamically the attributes for animations
var setSkrollr = function($el, data) {
    // loop all data entries (scroll positions + css property & value)
    for (var i = 0, l = data.length; i < l; i++) { 
         // the current data entry
        var d = data[i]
     // the scroll position (in pixels)
            px = d[0]; 
     // the css property + value to set
            css = d[1]; 
        $el.attr('data-' + px, css);
    }
}
标记将如下所示:

<div class = "box1" data-0="opacity:1;" data-500="opacity:1;" data-600="opacity:0;"></div>

这个函数不是我自己做的,我在网上也找到了这个方法。我不想为此承担责任

希望能有帮助