jQuery css фоновая анимация положения

Question

У меня странная проблема с jQuery и CSS;похоже на ошибку jQuery;Я пытался искать вокруг, но информация ужасна.
Там есть большое фото в качестве фона тела;когда я нажимаю на кнопку, я хочу получить простую анимацию фона jQuery, от положения «снизу» до положения «50%».
Хорошо, если я установлю $("body").css("background-position", "center 50%");, это будет работать, но если я попытаюсь использовать animate() Функция jQuery больше не работает.
Так можно ли каким-то образом получить этот эффект?
Заранее большое спасибо.

Answer 1

Я почти уверен, что невозможно использовать animate() для относительных значений, потому что вычислить абсолютные позиции из относительной информации нелегко.

Попробуйте полностью использовать значения пикселей.

Answer 2

Я пытаюсь воссоздать проблему, но Пекка к чему-то относится ... используя jQuery, вы можете рассчитать текущую высоту окна, разделить ее пополам и установить положение фона, используя это значение пикселя.

Answer 3

Я бы предложил использовать div, который содержит изображение (или изображение в качестве фона) и.Анимация этого div.Начните с минимального случая, когда у вас есть только 1 div, абсолютно позиционированный и img внутри div.Затем добавьте к нему другие элементы (более высокий z-индекс) и получите желаемый вид и поведение.