Нужна помощь с плавным скролингом

[dava002]

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

[nikita]

Сейчас сам только что сделал https://www.youtube.com/watch?v=NmqlpTXkaZU

[dava002]

nikita, да пробовал ток у меня конфликт происходит с лайтбоксом

[nikita]

Там же сказано в видео, что нужно убрать одну строку в скрипте, который добавляется в html страницы!

[anonimus]

зачем париться если есть готовое решение?

[dava002]

nikita, убираю и все равно, с jquery вкладками начинает происходить что то не ладное ссылки на лайтбоксы открываются через раз в общем не подходит этот код для моего сайта

Отправлено спустя 56 секунд:
anonimus, у меня нету этого расширения в билдере, погуглил и оказывается разработчик убрал его на время, что то там обнавляет

Отправлено спустя 1 минуту 25 секунд:
anonimus, может у вас есть ссылка для скачивание, чтоб вручную установить?

[artweb]

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

[ihark]

nikita, убираю и все равно, с jquery вкладками начинает происходить что то не ладное ссылки на лайтбоксы открываются через раз в общем не подходит этот код для моего сайта?

Современнный JavaScript без jQuery уже не работает.

Поэтому чтобы скрипт работал, нужно подключить библиотеку jquery. В примере в видео есть скрипт и есть строчка подключения библиотеки. А когда вы добавляете лайтбокс или любой другой элемент, использующий JS, на страницу, веббилдер автоматом добавляет в код html свою строчку с подключением jqery. В итоге у вас получается конфликт, браузеру не понятно, по какому адресу обращаться к библиотеке.

В видео же четко сказано (я сам по этому видео учился) и вам несколько раз уже сказали в теме: если используете лайтбокс, удалите верхнюю строчку кода. Вы наверняка этого не сделали.

Путь к библиотеке лежит на сервер Гугл - эту строчку удалить:

Код: Выделить всё

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Так добавляет путь веббилдер - теперь библиотека будет залита на ваш хостинг в папку "scripts" (например):

Код: Выделить всё

<script src="scripts/jquery-1.9.1.min.js"></script>

А вот и сам скрипт плавного скроллинга по якорным ссылкам. Знак $ - функция jquery, у Java Script таких "штук" нет:

Код: Выделить всё

<script>
$(document).ready(function(){
  $('a[href^="#"]').on('click',function (e) {
    e.preventDefault();
    var target = this.hash,
    $target = $(target);
    $('html, body').stop().animate({
      'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
      window.location.hash = target;
    });
  });
});
</script>

[gladiolus0707]

Установите расширение которое рекомендовал анонимус и будет меньше головной боли. Расширение доступно в лицензионной версии программы.

[dava002]

gladiolus0707, у меня лицензия! и этого расширения нету в проге, как быть то? сейчас установил smooth scroller 2 так у меня перестала область формы работать(((

[gladiolus0707]

gladiolus0707, у меня лицензия! и этого расширения нету в проге, как быть то? сейчас установил smooth scroller 2 так у меня перестала область формы работать(((

Прошу прощения. Действительно уже нет. Я себе когда ставил было в расширениях.