我正在使用 object-fit 和 object-position css 属性来控制图像在 css 中的位置。我想以编程方式使用 javascript 设置该位置。我试过:
const panPos = 50;
document.querySelector('.image').style.objectPosition = `${panPos}% 0%`;
什么也没有发生。
我可以控制台日志 element.style 并且我看到一个 objectPosition 属性，但设置它似乎没有效果。
请注意，我不是在谈论 position 属性(绝对、相对等)。
我还可以使用 jquery 设置此属性:
$('.image').css({
'object-position': `${panPos}% 50%`
});
但我想避免使用 jQuery。有什么想法吗？
最佳答案
您还需要将 object-fit 设置为 none。它们一起使用，否则，object-position 将被忽略。所以:
const panPos = 50;
document.querySelector('.image').style.objectFit = 'none';
document.querySelector('.image').style.objectPosition = `${panPos}% 0%`;
更多信息，请引用:
关于javascript - 以编程方式设置 css 对象位置属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48453935/