Scroll 在没有滚动动画的情况下使用CSS图像精灵实现悬停效果

我正在使用精灵图像更改悬停和单击时的背景（.keepImage类用于单击）。这一切都是可行的，但当背景图片改变时，它会滚动到正确的位置。有没有一种不用滚动的方法

JS:

---

我认为，在css中的某个地方指定了transition属性。通常，当您有如下指定的转换属性：“transition:all 500ms ease；”时，背景位置会随着滚动效果而改变。如果要防止发生此滚动，则可以完全删除“过渡”属性，也可以仅对要设置动画的属性（如边框、颜色等）使用“过渡”。。但不是背景。如果你能以某种方式提供一个链接到你的页面，或者提供html标记和css，这将有所帮助。谢谢

<script>
        $(document).ready(function(){
            $("a.doing").click(function() { 
                $(this).siblings(".keepImage").removeClass("keepImage");
                $(this).addClass("keepImage");
            });
        });
</script>

a.doing {
            width: 229px;
            height: 202px;
            margin-right: 8px;
            background: url(http://localhost:8000/img/manifesto/spr_doing.png) 0 0;
        }
a.doing:hover, a.doing.keepImage {
            background: url(http://localhost:8000/img/manifesto/spr_doing.png) -229px 0;

        }