Как добавить кнопке функцию прокрутки страницы вверх в php?

Question

system1024 @system1024

PHP

Как добавить кнопке функцию прокрутки страницы вверх в php?

у меня в php скрипте есть кнопки:

<button type=\"submit\" class=\"next\" value=5 name=\"step\">Далее</button>

Как сделать так, что бы при нажатии на кнопку "Далее" страница возвращалась наверх? Кнопка в форме внизу - при клике на кнопку он не скролит страницу вверх, а оставляет как есть.
Скрипт представляет собой форму для заполнения данных организации. Некоторые страницы формы приходится чуть скролить вниз - при нажатии на кнопку осуществляется переход на следующую вкладку, но страница остается внизу

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

5 комментариев

Подписаться 1 Оценить 5 комментариев

1001001 111 @IgorO2
system1024
<button type=\"submit\" class=\"next\" value=5 name=\"step\" onclick=\"window.scrollTo(0, 0);\">Далее</button>

https://developer.mozilla.org/en-US/docs/Web/API/W...
Написано более трёх лет назад
system1024 @system1024 Автор вопроса

test test: пробовал - не работает, увы.

Написано более трёх лет назад
Евгений Самойленко @samoilenkoevgeniy

system1024: Посмотрите в консоли браузера, (обычно вызывается клавишей F12), какую ошибку пишет, оттуда и пляшите!

Написано более трёх лет назад

1001001 111 @IgorO2

system1024

<button type="submit" class="next" value=5 name="step" onclick="window.scrollTo(0, 0);">Далее</button>

Написано более трёх лет назад

system1024 @system1024 Автор вопроса

test test: если я убираю экранирование кавычек, то у меня вообще перестает вся форма работать, даже не отображается. Кнопка в теле html кода

Написано более трёх лет назад

system1024
<button type=\"submit\" class=\"next\" value=5 name=\"step\" onclick=\"window.scrollTo(0, 0);\">Далее</button>

https://developer.mozilla.org/en-US/docs/Web/API/W...
test test: пробовал - не работает, увы.
system1024: Посмотрите в консоли браузера, (обычно вызывается клавишей F12), какую ошибку пишет, оттуда и пляшите!
system1024

<button type="submit" class="next" value=5 name="step" onclick="window.scrollTo(0, 0);">Далее</button>
test test: если я убираю экранирование кавычек, то у меня вообще перестает вся форма работать, даже не отображается. Кнопка в теле html кода

Answer 1 · 2015-02-11 10:13:46

Добавить функцию прокрутки страницы вверх "на php", в случае если у Вас на проекте подключен jQuery, можно как то так, в php скрипте вывести следующее:

<button type=\"submit\" class=\"next\" value=5 name=\"step\" class="to-top">Далее</button>
<script>
$(\".to-top\").click(function() {
  $(\"html, body\").animate({ scrollTop: 0 }, \"slow\");
  return false;
});
</script>

Другими словами, без того или иного использования js, jQuery Вам не обойтись.

Как добавить кнопке функцию прокрутки страницы вверх в php?

Войдите на сайт