Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > что это за эффект и как его сделать на jQuery


Автор: Game-lot 10.8.2013, 16:25
Как сделать эффект подъема/прокрутки на jQuery на первое незаполненное поле как на странице http://www.kreditbiznesu.ru/%D0%B7%D0%B0%D1%8F%D0%B2%D0%BA%D0%B0-%D0%BD%D0%B0-%D0%BA%D1%80%D0%B5%D0%B4%D0%B8%D1%82-%D0%B4%D0%BB%D1%8F-%D0%B1%D0%B8%D0%B7%D0%BD%D0%B5%D1%81%D0%B0.html

при нажатии на кнопку "Нажмите, чтобы отправить" со всеми незаполненными полями?

это же не просто .focus()? или я ошибаюсь? 

Автор: ksnk 10.8.2013, 17:37
Найти первое незаполненное поле; посчитать у него $(...).position() ; position.top - нужное нам значение. Отнимаем от него пикселей 50-60, чтобы не под самый верх скроллировать и делаем $(window).animate({scrollTop:position.top-60},'slow')

Автор: Game-lot 10.8.2013, 17:47
спасибо за решение

Автор: Game-lot 11.8.2013, 14:43
Есть еще один нерешенный для меня родственный теме топика вопрос - http://center-nalog96.ru/pereregistracia_ooo_2009. Тут если пользователь опускает страницу ниже видимой части окна браузера (просто прокручивает), в нижней части окна появляется зафиксированная при прокрутке на одном месте слой-область div с надписью "перейти наверх", нажав на которую пользователь переходит наверх страницы.

Для области-слоя div, которая будет оставаться на месте при прокрутке страницы есть плагин на jQuery, только я не помню какой. Подскажите название или как сделать такую область? И как реализовать на jQuery, чтобы эта непрокручиваемая область появлялась при прокрутке окна и исчезала при достижении верха страницы?

Автор: ksnk 11.8.2013, 15:37
Можно и http://forum.vingrad.ru/forum/topic-370255.html

Автор: Game-lot 13.8.2013, 12:08
Цитата(ksnk @ 11.8.2013,  13:37)
Можно и http://forum.vingrad.ru/forum/topic-370255.html

Спасибо огромнейшее! Пошел применять полученные знания!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)