Javascript 背景位置底部分析
我有一个脚本,用于在滚动时设置背景位置的动画 图像的背景位置:中间-底部 滚动时,脚本将从中间顶部位置开始 你知道如何从底部背景位置开始使用parseInt吗? 我已经找遍了,但找不到该做什么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
<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
)