За последние 24 часа нас посетили 16687 программистов и 1604 робота. Сейчас ищут 1295 программистов ...

Криво работает SmoothScroll.js

Тема в разделе "JavaScript и AJAX", создана пользователем Walk, 10 ноя 2017.

  1. Walk

    Walk Активный пользователь

    С нами с:
    7 сен 2008
    Сообщения:
    452
    Симпатии:
    86
    На сайте стоит SmoothScroll.js для плавной прокрутки к нужному якорю, но в его работе странный баг - при первом клике по якорю - идет переход к якорю + добавляется где-то 100px смещения вниз. Но если еще раз нажать на эту же ссылку - экран сдвинется выше (как будто те добавляемые 100px убираются).

    Страница

    При первом нажатии на "Пример из практики" страница занимает такое положение:

    [​IMG]

    При повторном нажатии на этот же пункт меню, такое положение:

    [​IMG]

    Настройки в самом SmoothScroll.js крутил, но ничего связанного со смещением страницы не нашел.
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.861
    Симпатии:
    751
    Адрес:
    Татарстан
    может дело не в скрипте а в разметке?
     
  3. Walk

    Walk Активный пользователь

    С нами с:
    7 сен 2008
    Сообщения:
    452
    Симпатии:
    86
    Если удаляю все js файлы - переход по якорям работает нормально.

    P.S.
    Впрочем, если убрать верхнее меню, то скролл тоже начинает работать нормально.

    P.P.S. Дома где-то лежал простой и рабочий скрипт плавного перехода по якорям - в понедельник возьму его на работу и попробую банально заменить старый скрипт прокрутки на свой.
     
    #3 Walk, 10 ноя 2017
    Последнее редактирование: 10 ноя 2017
  4. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.861
    Симпатии:
    751
    Адрес:
    Татарстан
    похоже как то это меню он и не считает или наоборот считает
    надо код смотреть - какую область берет при прокрутке - и там подправить с учетом верхнего меню