Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Javascript 使用skrollr.js更改背景位置_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用skrollr.js更改背景位置

Javascript 使用skrollr.js更改背景位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用skrollr.js库更改滚动的背景位置,我的背景图像有很多图像(大约500个图像),我想更改滚动的主题,我该怎么做 我想使用skrollr.js库执行类似于以下代码的操作: $(函数(){ 变量旋转器=$(“#旋转器”); var容器=$(文档); var viewport=$(窗口); var=72; var imageHeight=30000/张图像; var scrollHeight=container.height()-viewport.height()+imageHeight

我想用skrollr.js库更改滚动的背景位置,我的背景图像有很多图像(大约500个图像),我想更改滚动的主题,我该怎么做

我想使用skrollr.js库执行类似于以下代码的操作:

$(函数(){
变量旋转器=$(“#旋转器”);
var容器=$(文档);
var viewport=$(窗口);
var=72;
var imageHeight=30000/张图像;
var scrollHeight=container.height()-viewport.height()+imageHeight;
var step=图像/滚动高度;
viewport.scroll(函数(事件){
var x=-Math.floor(步骤*viewport.scrollTop())*imageHeight;
css('background-position',x+'px0');
});
});
正文{
高度:2000px;
}
#旋转器{
字号:416px;
宽度:1米;
高度:1米;
位置:固定;
排名:0;
右:0;
z指数:-1;
背景:透明url(http://www.3sessanta.it/images/polaroid/sprite_polaroid_total.jpg)不重复0;
}