Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Прокрутка страницы по id 
:(
    Опции темы
Emiliya
Дата 20.10.2016, 19:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 11.5.2016

Репутация: нет
Всего: нет



создается landing-page
задача: нажимаю в меню страницы ссылку о себе и совершается прокрутка страницы до необходимого раздела, и в меню и в разделе есть одинаковые id, если они совпадают то совершаем переход
Код

<div class="sticky-header">
    <div class="container-default">
    <div class="right-side">
      <p class="nav-option" id="osebe">О себе</p>
          <p class="nav-option" id="naviki">Навыки</p>
          <p class="nav-option" id="portfolio">Портфолио</p>
      <p class="nav-option-buy" id="svyz">Обратная связь</p>
    </div>
    </div>
  </div>
  <div class="sticky-header-spacer"></div>
 
  <div class="block-2 block-2-gradient" id="osebe">
    <div class="container-default">
      <div class="text-left">
        <h1>О себе</h1>
        <p></p>
      </div></div></div>


Код

$('.nav-option').click(function(){
      var id = $(this).text().toLowerCase(); // вместо text(). написать id
      var target = $('#' + id).scrollTop(0);
      $('html, body').animate({
        scrollTop: target.offset().top - 42
      }, 800);
    });
  });


Это сообщение отредактировал(а) Emiliya - 20.10.2016, 19:08
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Windows phone | Следующая тема »


 




[ Время генерации скрипта: 0.0944 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.