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

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

2) проверить данный символ на кроссбраузерность — отображается ли он во всех браузерах, бывает, что нет;

HTML-код размещаем где удобно в шаблоне, внешний вид и расположение кнопок задается в CSS (код стиля с демонстрационной страницы):

.go-up, .go-down <
display: none;
position: fixed; /*позиционирование*/
z-index: 9999; /*поверх все элементов на странице*/
right: 15%; /*положение на странице, если слева — left*/
background: #4F4F4F;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;
font: normal normal 42px/42px sans-serif;
text-shadow: 0 1px 2px #000;
opacity: .5;
padding: 3px;
margin-bottom: 5px;
width: 42px;
height: 42px;
>
.go-up < bottom: 60px; >
.go-down < bottom: 10px; >
.go-down:hover,
.go-up:hover <
opacity: 1;
box-shadow: 0 5px 0.5em -1px #666;
>

Благодаря фиксированному позиционированию кнопки будут находится, так сказать, всегда под рукой, и теперь остается только добавить скрипт jQuery, который по клику будет плавно прокручивать страницу в вверх или вниз:

Значение 250 в скрипте, показывает:
— в первой строке — кнопка появится когда страница будет прокручена больше чем на 250 пикселей;
— во второй, что исчезнет когда до верха страницы останется меньше чем 250 пикселей.

Не забываем, что для работы скрипта требуется подключить к сайту фреймворк jQuery.

На этом пока что все, всем спасибо за внимание.

Курсы javascript

Приветствую, есть форма, которая находится чуть ниже центра страницы, пхп обработчик на этой же странице, необходимо, что бы при нажатии кнопки «войти» происходил плавный скролл к якорю перед формой. Ниже — код и демо как сделал, но при таком варианте игнорируется пхп обработчик, и радио кнопки не работают. При нажатии на любой элемент формы — тупо скролит вниз и ничего не происходит
http://avzp.com.ua/1/test.php

      










 










 
 

 
 
 
opt1 
opt2 
     reg 
 
 ?> 









 










 










 










 
    

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) ?>

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

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