Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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 背景位置底部分析_Javascript_Jquery_Css_Scroll_Position - Fatal编程技术网

Javascript 背景位置底部分析

Javascript 背景位置底部分析,javascript,jquery,css,scroll,position,Javascript,Jquery,Css,Scroll,Position,我有一个脚本,用于在滚动时设置背景位置的动画 图像的背景位置:中间-底部 滚动时,脚本将从中间顶部位置开始 你知道如何从底部背景位置开始使用parseInt吗? 我已经找遍了,但找不到该做什么 <script> $(window).scroll(function() { var x = $(window).scrollTop(); $('.container_image).css('background-position', 'center ' + pa

我有一个脚本,用于在滚动时设置背景位置的动画

图像的背景位置:中间-底部

滚动时,脚本将从中间顶部位置开始

你知道如何从底部背景位置开始使用parseInt吗? 我已经找遍了,但找不到该做什么

<script> 
$(window).scroll(function() { 
    var x = $(window).scrollTop(); 
        $('.container_image).css('background-position', 'center ' + parseInt(-x / -3) + 'px');
 }); 
</script>

div .container_image{
background-image: url("../images/image.jpg");
background-position: 50% bottom;
background-color:#fff;
min-height:325px;
height:325px;
-moz-transition: height 0.3s ease 0s;}

$(窗口)。滚动(函数(){
var x=$(window.scrollTop();
$('.container_image).css('background-position','center'+parseInt(-x/-3)+'px');
}); 
分区容器图像{
背景图像:url(“../images/image.jpg”);
背景位置:50%底部;
背景色:#fff;
最小高度:325px;
高度:325px;
-moz转换:高度0.3s;}

预先计算值可以解决您的问题

var newPos = (-x/-3);
$('.container_image').css('background-position', 'center ' + newPos + 'px');
或者像托马斯建议的那样

$('.container_image').css('background-position', 'center ' + (-x/-3) + 'px');

也可以。

您必须使用parseInt()吗?如果我删除该部分,滚动延迟将不起作用…并且预先计算位置也不起作用?i、 e.var newPos=(-x/-3)$css('background-position','center'+newPos+'px');工作得很漂亮!非常感谢。它可以工作,但是有一个额外的18px的底部,所以我必须弄清楚如何删除这个填充。把它放在括号中也可以工作(所以只需删除
parseInt