¿Cómo convierto una propiedad de position de background de CSS de porcentajes a píxeles?

Estoy centrando un background en este momento (usando background-position: 50% 50%; ), que me gustaría animar usando Javascript. Pero, quiero ser capaz de animar esto utilizando mediciones de píxeles. De hecho, quiero establecer la position de background en algo así como "50% + 10px". ¿Es esto posible usando Javascript?

Posiblemente puedo hacerlo al encontrar la altura de la image de background y la altura de la pantalla del browser y hacer algo de aritmética, pero esto parece una solución intrincada.

One Solution collect form web for “¿Cómo convierto una propiedad de position de background de CSS de porcentajes a píxeles?”

En el futuro, esto será posible utilizando la function calc de CSS3. Pero como eso no es ampliamente respaldado en este momento, a continuación se muestra una solución más práctica.

Simplemente use la notación incremental que jQuery admite para estas properties. Por ejemplo

 $(some-element).css({ "background-position": "+=10px" }); 

Esta syntax fue soportada por $ .animate antes de que fuera compatible con $ .css, pero las versiones recientes de jQuery lo admiten en ambos casos.

Aquí hay un jsfiddle demostrándolo en acción .

  • Etiqueta de anclaje HTML con label cursiva
  • ¿Cómo funciona $ (this) en jQuery?
  • Error no detectado: no se pueden llamar los methods en la página antes de la initialization; intentó llamar al método 'bindRemove'
  • Ejecución lenta de JavaScript en Iframe solo en IE
  • Evite que el usuario se vaya con cambios sin save
  • ¿Agregar el control deslizante jQuery UI al elemento generado dinámicamente?
  • cómo usar las cookies en JQuery
  • Javascript / jQuery - convierte caracteres especiales html
  • ¿Hay algo así como isset de php en javascript / jQuery?
  • Cómo evitar que las requestes ajax sigan los redirects usando jQuery
  • ¿Cómo get el text de respuesta de error jQuery $ .ajax?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.