Как при нажатии на кнопку проскроллить страницу вниз

Скролл вниз по нажатию кнопки

После нажатия на Get Started должен происходить скролл до раздела контакты, внизу, но скролл идет только одну секунду до ближайшего блока. Как нужно изменить значения в скрипте чтобы скролл длился дольше? вот html, области контакты:

 
 
 
 
  
Subscribe!
 
 
We`ll send you weekly news to make your app more convinient. Stay tune.
 
 
 
  
   
 
  
  
 -->  
Send Now 
 
 
 
 
 
 
 
 

Отслеживать

28.6k 19 19 золотых знаков 58 58 серебряных знаков 136 136 бронзовых знаков

Как, нажав на кнопку, проскроллить вниз до определённого блока?

У меня есть эта кнопка —
Мне нужно при нажатии на неё скроллить к блоку, у которого .
Это не якоря навигации! Якоря я уже сделал.
Необходим простой скролл при нажатии на кнопку и всё.
Как это сделать?
Нигде не могу найти ответ на вопрос.

• Вопрос задан более трёх лет назад
• 2374 просмотра

1 комментарий

Простой 1 комментарий

MagentaWAVE

Примеры и готовые решения для оформления блога и сайта. Разработка и дизайн шаблонов Blogger.

28 января 2013

Кнопки и плавная прокрутка вверх и вниз страницы.

Иногда, на сайте или в блоге, возникает потребность добавить и использовать не только кнопку прокрутки вверх, но и вниз страницы.
В этой заметке показан простой и весьма элегантный пример реализации кнопок «Вверх» и «Вниз» без использования картинок, и вариант небольшого скрипта jQuery для плавной прокрутки страницы в указанном направлении.
Способ хорош тем, что изначально, когда страница поднята вверх, кнопка «Вверх» скрыта, когда прокручена до низа — скрыта кнопка «Вниз», параметры высоты, на которой появляются кнопки регулируется.

DEMO
Итак, HTML код кнопок выглядит так:

Для реализации указателей направления прокрутки — стрелок, применяются спецсимволы юникода, которые просто копируются и вставляются внутри тега. Такой подход позволяет обойтись без использования изображений, добавляя плюс к оптимизации, а также позволяя легко настроить и, по необходимости, быстро изменить внешний вид кнопок.

При использовании стандартных спецсимволов в дизайне элементов сайта нужно сделать две проверки:
1) проверить кодировку веб-страницы — должна быть UTF-8;

, 1000); >);

21.03.2015, 18:26
Регистрация: 14.01.2015
Сообщений: 12,990

РНР никакого отношения к прокрутки страницы не имеет, вы же не значение ее передаете серверу, а форму. Прокручена она была или нет, серверу до этого нет никакого дела.

А вот структура кода вашего не отвечает вашей задаче — форма должна выводится при первом запросе этой страницы и при ошибках ввода. У вас же она будет всегда, если нет перехода после удачного ввода.

Последний раз редактировалось laimas, 21.03.2015 в 18:51 .
21.03.2015, 18:55
Интересующийся
Регистрация: 21.03.2015
Сообщений: 10

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

21.03.2015, 19:22
Регистрация: 14.01.2015
Сообщений: 12,990

Что к чему, редирект? Как один из способов защиты от F5. Если при этом у вас он производится передачей заголовка, то его не произойдет, потому как будет ошибка, причиной которой является вывод в браузер до обработчика формы.

21.03.2015, 20:36
Интересующийся
Регистрация: 21.03.2015
Сообщений: 10
21.03.2015, 20:52
Регистрация: 14.01.2015
Сообщений: 12,990

Да что вы пристали к этому скроллу, плевать сервер хотел на это, он об этом вообще не подозревает.

Если даже вы пишите по минимуму, то хотя бы пишите так, чтобы была видна логика работы, в противном случае ваш код говорит о том, что все чтобы не вводил пользователь все пропадает, так как при каждом запросе страницы выводится форма не важно от результатов ввода, и ее поля очищаются.

if($_POST) //пришла форма, проверяем
//либо ошибки, либо ОК и переход
>

if(!$_POST() || $error) ?>

.
И форма с определением значений полей формы при ошибках.

Вот такова должна быть логика, а будет у вас там скролл на странице, не будет это не важно.