Название говорит само за себя 🙂

Демо можно услышать на этой странице.

Подключается скрипт довольно просто.

Нужно подключить скрипт fartscroll и запустить его.

fartscroll(200);

Число в скобках означает через сколько пикселей издавать звук, по умолчанию 400.

fartscroll на github
Автор: Onion, Inc. tech team

Подписывайтесь на публикации Там наиболее интересные заметки без рекламы и другой ненужной информации.
Протестировать на смартфоне Открыть QR-код для перехода на эту страницу с телефона
Помощь по установке кода Ответы на часто задаваемые вопросы и решение типовых ошибок и проблем

Страница находится в стадии разработки
Поддержать блог Любые Ваши (пусть даже и скромные) суммы значительно повышают мотивацию развивать блог, делиться наработками и придумывать новые.

Смотрите также:

Параллакс библиотека Ukiyo

Современная библиотека Ukiyo для параллакса любых изображений

Навигационное меню для лендинга

Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции

Параллакс эффект simpleParallax

Эффект параллакса накладываемый на теги изображений, а не на фон

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Михаил:

    Долго игрался... (добавил сайт в закладки)

    Ответить
  • serega:

    шикарно, а как вы звуки записали ?

    Ответить
  • Юлия:

    А как поменять звук на свой?

    Ответить
  • Жека:

    Прикольная вещь, но не понял как его прикрутить

    Ответить
    • Alexander:

      Просто подключить скрипт и ниже запустить fartscroll();

      Ответить
  • Олег:

    Во прикол хахаха
    На кулинарный поставить 🙂

    Ответить
  • Ruslan:

    Честно очень круто ради этого эффекта добавляю Ваш в закладки
    СПАСИБО !!! очень круто

    Ответить
  • Александр:

    крутяк... какому-то предурастому заказчику подсунуть...

    Ответить
  • Igor_M:

    минут 10 сидел игрался )))))))))))))))))))))

    Ответить
  • Саня:

    Незаменимая вещь на 1 апреля

    Ответить
Разделы: