滚动时仅更改背景中的 y 位置[重复]答案

【问题标题】：Change only y-position in background while scrolling [duplicate]滚动时仅更改背景中的 y 位置[重复]
【发布时间】：2011-10-15 08:47:14
【问题描述】：

可能重复：
Changing only y pos of background image via Jquery

我只想更改 .nav-logo 的 backournd 的 y 位置，同时滚动并保持 x 位置不变。我已经实现了这样但没有得到结果。这是我的使用代码

jQuery(document).ready(function($) {
a=parseFloat(-28);// valor inccial para el background 1
b=parseFloat(1);// valor inccial para el background 1

var scrollTop = $(window).scrollTop();          
var scroll_actually= new Array();// identifica los valoares del background X y  Y

$(window).scroll(function(){//this is not the cleanest way to do this, I'm just keeping it short.
    if(scrollTop>$(this).scrollTop()) // desplazamiento hacia arriba
    {
        if (getScrollTop()<=100 && getScrollTop()>=0)// identyifica cuando la posicion del background_1 esta en scroll
        {
                a=a+1;// posicion del background1 decrementa en 1 pixeles
                b=b+1;// posicion de background1 decrementa en 1 pizeles 
                $('a.qa-logo-link').css('top', +a+'px');
                $('.nav-logo a').css('background-position', -1+'px' , 0+b+'px');    // i think something is wrong here  
        }

    }scrollTop = $(this).scrollTop();});
});
function getScrollTop(){ 



   if(typeof pageYOffset!= 'undefined'){
        //most browsers
        return pageYOffset;
    }
    else{
        var B= document.body; //IE 'quirks'
        var D= document.documentElement; //IE with doctype
        D= (D.clientHeight)? D: B;
        return D.scrollTop;
    }
}

我的css文件是

.nav-logo a{
background:url("logo1.png") no-repeat scroll  transparent;
background-position:-1px 1px;}

【问题讨论】：

标签： jquery

【解决方案1】：

如果您想将.nav-logo 保持在静态位置，请使用 css position:fixed; 或 position:absolute; 并给出 left 和 top 值。

更新

更新了您的示例

http://jsfiddle.net/SbuxT/9/

【讨论】：

我想保持 position-x 固定，并在滚动时更改 .navlogo bakground 的 y 位置。
这意味着徽标始终可见吗？
实际上我想让徽标在滚动浏览器栏时向上移动，是的，我想让它始终可见。我只是在滚动时使用上面的代码获得一些随机定位。
这是你想要的吗？ jsfiddle.net/SbuxT
不，在您上面的链接中，徽标位于固定位置，但我希望在向下滑动时沿 y 轴移动徽标。