Возникла пара небольших проблем с моим кодом. Я написал последовательность JQUERY, в которой вы нажимаете «зарегистрироваться», и вы прокручиваетесь вниз, где появляется форма. На данный момент у меня есть кнопка внизу, где функция закрывает форму и прокручивает вас обратно наверх.
Пример можно посмотреть здесь: http://www.icecable.com/sandbox/priority%5Fsign%5Fup/test.html
Нажмите «Зарегистрироваться сейчас», и анимация заработает правильно. Нажмите «Закрыть и вернуться к началу», и анимация снова работает правильно. Проблема возникает после этого.
Если вы попытаетесь нажать любую кнопку «Зарегистрироваться сейчас», анимация «высота» начнется как обычно, но анимация «scrollTop» будет иметь большую задержку без видимой причины.
Вот мой код
$(document).ready(function() {
$('.dealer').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: '860'
}, 1800, "easeInOutQuint");
});
$('.top').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: '0px'
}, 1500, "easeInOutQuint");
});
$('.dealer').click(function(e) {
e.preventDefault();
$('#priority').animate({
height: 'show'
}, 1200, "easeInOutCirc");
});
$('.top').click(function(e) {
e.preventDefault();
$('#priority')
.animate({
height: 'hide'
}, 590, "easeInQuint");
});
//Form for Distributors
$('.distributor').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: '860'
}, 1800, "easeInOutQuint");
});
$('.top').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: '0px'
}, 1500, "easeInOutQuint");
});
$('.distributor').click(function(e) {
e.preventDefault();
$('#distributor').animate({
height: 'show'
}, 1200, "easeInOutCirc");
});
$('.top').click(function(e) {
e.preventDefault();
$('#distributor')
.animate({
height: 'hide'
}, 590, "easeInQuint");
});
});
Что-то я делаю не так? Есть ли способ сбросить события после того, как формы снова были скрыты? Любая помощь/понимание/ресурсы будут очень признательны!
Воля