javascript - 使用javascript检测背景图像的上边距

Question

这就是我检测 div 的上边距并增加/减少它的方法:

var oldm = $("#bdi").css("margin-top").replace("px", "");

var addm = 1;

$("#bdi").css({
'margin-top': '-='+addm+'px'
})

但我需要对背景位置做同样的事情。

1. 检测背景图片的实际顶部位置
2. 增加/减少背景图片的上边距

例如:

background-position: center 5px;

如何检测“5px”并增加/减少它？

谢谢

Answer 1

您可以像这样使用 background-position-y 获取它:

var bgPositionY = ($("#bdi").css('background-position-y'))
var addPos = 5;
$("#bdi").css({
'background-position-y': '-='+addPos+'px'
})

https://jsfiddle.net/IA7medd/aLkok1n4/