FadeIn и fadeOut при переходе по якорю?

Question

[Sergey Tomkovich]

Хочу реализовать данный эффект:
При нажатии на ссылку весь body исчезает до своего цвета бэкграунда, и потом тут же появляется, но уже в тот момент когда перешел к нужному юкорю.
Может быть есть подобные плагины, или кто поделиться готовым кодом, так как в jquery я пока слабоват. Заранее Спасибо)

Answer 1

[Назар Мокринский]

Плагины? Серьезно?
Декомпозиция задачи:
1) Определить переход по якорю
2) fadeIn/fadeOut в обработчике

Поищите как определить первое (примитивная задача), второе тоже примитивно, есть в документации jQuery

Comments

[Роман]

+1.
Отличная иллюстрация к тому, что люди пытаются для каждой мелочевой штуки подключать плагины, а не думать головой:
www.mikedoesweb.com/wp-content/uploads/2012/05/200...

[Илья Андриенко]

Роман: это иллюстрация того, что у людей на stackoverflow отличное чувство юмора :)

[Роман]

Илья Андриенко: разумеется. но я вел к тому, что все чаще люди даже для самых простых вещей советуют использовать плагины

[Илья Андриенко]

Роман: конкретно эта задача вроде бы простая, но там могут быть подводные камни. Плагины часто их учитывают. И вы вместо того чтобы сперва 15 минут разбираться в реализации, 10 минут кодить, 20 минут тестить и еще 40 минут вникать в подводные камни, буде они возникнут, за 10 минут разбираетесь в чужом коде и 20 минут тестите. Учитывая тот факт, что jQuery у людей часто и так подключен это не такой уж плохой вариант, не находите?

[Назар Мокринский]

Илья Андриенко: Нет, у людей мозги выворачиваются криво и вместо того, чтобы написать реализацию за 10-20 минут они задают вопрос тут и ждут с моря погоды, тратя драгоценное время всех читающих этот бессмысленный вопрос людей.
В результате решения он, скорее всего, не найдет, и вопрос ещё будет долго висеть в ленте и тратить всё больше времени.

Answer 2

[Александр Зонов]

Посмотри вот это https://github.com/cferdinandi/smooth-scroll, сама библиотека работает надежно.

При инициации, кроме всего прочего принимает два параметра callbackBefore и callbackAfter. В первый передаешь функцию, которая скрывает все что ты хочешь скрыть, а второй — функцию которая все возвращает.