JQuery слайд контента вверх в нижней части div

Question

JQuery слайд контента вверх в нижней части div

0

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

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

Может кто-то указать мне верное направление?

Michael Ramirez 01 дек. 2013, в 20:27

Источник

0

JQuery Animate
PurityLake 01 дек. 2013, в 18:37

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Stefan Moraru · Answer 1 · 2013-12-01T16-42-00.000Z

Я создал скрипку, которая показывает вам, как это сделать.

function moveUp(container, object, speed) {
    var speed = 1000 || speed;

    container.css("position", "relative");
    object.css("position", "absolute");
    object.css("top", container.height() + "px");
    object.css("opacity", "0");

    object.animate({
        top: 0,
        opacity: 1
    }, speed);
}

moveUp($("#container"), $("#content"));

ДЕМО: http://jsfiddle.net/2HcrN/

Кажется, все в порядке в FireFox не работает в IE 11, хотя
Работает ли это, если вы инкапсулировали вызов функции moveUp в $ (document) .ready (function {moveUp ..}); ?