Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: как сделать плавный скрол до якорной ссылке
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » как сделать плавный скрол до якорной ссылке

Страниц (1): [1]
 

1. daimon0482 - 01 Апреля, 2017 - 21:31:56 - перейти к сообщению
Здравствуйте есть такой код:
<input class="hide" id="hd-1" type="checkbox" onclick="location.href='#nazakaz'" >
<label class="zakaz" for="hd-1">Заказать</label>
<div class="zakaz" >
<a id="nazakaz"></a>
Скрытое содержание......
</div>

при нажатие на лабел открывается скрытый блок на много ниже чем кнопка по страничке, благодаря функции onclick="location.href='#nazakaz'" меня перекидывает к этому блоку моментально, как сделать боле плавный переход ?
2. andrewkard - 01 Апреля, 2017 - 23:34:28 - перейти к сообщению
Наверное как то так:
http://jsfiddle[dot]net/0uwg96sh/
(Добавление)
C jQuery можно так:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $("#button").click(function() {
  3.     $('html, body').animate({
  4.         scrollTop: $("#elementtoScrollToID").offset().top
  5.     }, 2000);
  6. });
  7.  
3. daimon0482 - 02 Апреля, 2017 - 00:14:55 - перейти к сообщению
нет не получилась к сожалению.
4. quad - 02 Апреля, 2017 - 12:23:12 - перейти к сообщению
вроде так (Отобразить)

и в блок head вот это <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
(Добавление)
quad пишет:
вроде так (Отобразить)

и в блок head вот это <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
5. daimon0482 - 03 Апреля, 2017 - 11:55:58 - перейти к сообщению
не получается.
#elementtoScrollToID"=вместо этого ставлю ид анкора?
#button= а здесь ид inputa ?
и все равно не хочет.
6. andrewkard - 03 Апреля, 2017 - 20:37:53 - перейти к сообщению
Разместите код на https://jsfiddle.net/, посмотрим

 

Powered by ExBB FM 1.0 RC1