Использование спрайта изображения CSS для эффекта зависания без анимации прокрутки

Question

Я использую изображение спрайта, чтобы изменить фон при наведении и щелчке (класс .keepImage для щелчка). Все это работает, но при изменении фонового изображения он перебирается в правильное положение. Есть ли способ сделать это без прокрутки?

JS:

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

CSS:

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; 

     } 

Answer 1

Я думаю, где-то в вашем CSS у вас есть переход свойство, указанное. Обычно, когда у вас есть свойство перехода, указанное так: «переход: все 500 мс легкость», фоновая позиция изменится с помощью эффекта прокрутки. Если вы хотите, чтобы эта прокрутка не происходила, вы можете полностью удалить свойство перехода или использовать переход только для свойств, которые вы хотите одушевить - границы, цвета и т. Д., Но не фона. Если вы можете каким-то образом предоставить ссылку на свою страницу или дать html-метку и css, это поможет. Благодарю.