Комплексный набор популярных эффектов на сайте

[Jimmi]

На сайте часто нужны следующие эффекты:

- Плавная прокрутка в меню
- Кнопка наверх (также с плавающим эффектом)
- Бургер-меню в мобильной версии
- Плавно-всплывающее окно
- Плавное увеличение картинок
- Форма обратной связи (без перезагрузки)
- Слайдшоу

И все это работает от JavaScript. Интересует вопрос, как лучше поступить, что-бы все работало от одной библиотеки и скрипты не конфликтовали? Существует ли какой-нибудь базовый комплексный набор скриптов, что-бы не городить кучу конфликтующего кода?

[j0hnik]

для таких простых задач не нужны никакие библиотеки.

[Jimmi]

для таких простых задач не нужны никакие библиотеки.

Странно. Берем с интернета готовый скрипт плавного перемещения от ссылки к якорю. Устанавливаем по инструкции, все работает. Отключаем библиотеку jquery.min.js, эффект плавности пропадает. Что не так? И почему?

Вот код:

<script type="text/javascript">
	 $(document).ready(function(){
		$("#menu").on("click","a", function (event) {
			event.preventDefault();
			var id  = $(this).attr('href'),
				top = $(id).offset().top;
			$('body,html').animate({scrollTop: top}, 1500);
		});
	});
	</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

[Nexus]

Отключаем библиотеку jquery.min.js, эффект плавности пропадает. Что не так? И почему?

Потому что готовый скрипт требует обязательного наличия библиотеки jQuery.

[j0hnik]

Jimmi,
https://developer.mozilla.org/ru/doc...scrollIntoView
прокрутка не требующая вашей библиотеки