скользить div снизу вверх, используя JavaScript

Question

У меня есть кнопка входа в нижний колонтитул моей главной страницы или целевой страницы. В настоящее время, когда пользователь нажимает кнопку, форма входа в систему открывается сверху вниз, то есть от начала формы до кнопки «ВХОД». Я хочу, чтобы, когда я нажимал на кнопку входа в систему, она открывала форму, используя эффект слайда, но от КНОПКИ до ТОПа. Я не хочу включать библиотеку, такую ​​как jQuery, так как с ней возникают конфликты.

Пожалуйста, помогите мне или укажите какой-нибудь URL, где это происходит.

С уважением,

Салил Гайквад

Answer 1

См. мое демо .

Я не даю никаких обещаний относительно совместимости, как я сделал это за несколько минут, но в Safari 4 он прекрасно работает для меня. По сути, вам нужно обернуть ваш элемент, установить высоту и ширину обертки равными внутреннему контейнеру, затем установить высоту внутреннего контейнера на 0px Я использую $ fx для перехода к свойствам CSS. Все, что вам нужно сделать, это перенести высоту элементов с 0 на высоту их обертки, и его scrollTop также будет установлен на эту высоту. Не беспокойтесь, с $ fx вы можете установить скорость и все такое.

См. Код, если ничего из этого не имеет смысла, я не так хорош в объяснении, и удачи!