Форум Сайтостроение Веб-строительство

Движение при нажатии на submit

lospirata
На сайте с 24.12.2010
Offline
103
lospirata
495

Здравствуйте. Есть кнопка. 

<form action="" method="post">

<input name="up" type="submit" value="Отправить" />

</form>

Возможно ли реализовать плавное перемещение на этой же странице вверх на несколько пикселей или к определенному якорю. Интересует как раз такой вариант. Спасибо.

It Can't Rain All the Time Блог вебмастера (https://lospirata.ru/)
S
На сайте с 13.10.2014
Offline
171
silicoid
#1

Элементарно.

воспользуйтесь jQuery.click и библиотекой jQuery.scrollTo http://demos.flesler.com/jquery/scrollTo/

по окончанию обработки верните return false; чтоб небыло сабимита формы

lospirata
На сайте с 24.12.2010
Offline
103
lospirata
#2

Спасибо, все прекрасно работает в Firefox, но не хочет в Chrome.

<section id="target_calc">

<form method="post" action="">

<script type="text/javascript" src="/js/jquery.scrollTo-min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('#up_calc').click(function() {
		jQuery.scrollTo('#target_calc', 400);
	});
});
</script>

<input type="button" value="Рассчитать" id="up_calc" />

</form>

</section>
[Удален]
#3

Там плагины то не нужны jquery достаточно:

http://jsfiddle.net/m14rxmtd/

S
На сайте с 13.10.2014
Offline
171
silicoid
#4

Попробуйте поступить так

	
       jQuery('#up_calc').click(function() {
		jQuery.scrollTo('#target_calc', 400);
		return false;
	});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий