Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.11.2018, 10:32
Аспирант
Отправить личное сообщение для Jimmi Посмотреть профиль Найти все сообщения от Jimmi
 
Регистрация: 28.02.2014
Сообщений: 53

Комплексный набор популярных эффектов на сайте
На сайте часто нужны следующие эффекты:

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

И все это работает от JavaScript. Интересует вопрос, как лучше поступить, что-бы все работало от одной библиотеки и скрипты не конфликтовали? Существует ли какой-нибудь базовый комплексный набор скриптов, что-бы не городить кучу конфликтующего кода?
Ответить с цитированием
  #2 (permalink)  
Старый 22.11.2018, 11:24
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

для таких простых задач не нужны никакие библиотеки.
Ответить с цитированием
  #3 (permalink)  
Старый 22.11.2018, 13:48
Аспирант
Отправить личное сообщение для Jimmi Посмотреть профиль Найти все сообщения от Jimmi
 
Регистрация: 28.02.2014
Сообщений: 53

Сообщение от j0hnik Посмотреть сообщение
для таких простых задач не нужны никакие библиотеки.

Странно. Берем с интернета готовый скрипт плавного перемещения от ссылки к якорю. Устанавливаем по инструкции, все работает. Отключаем библиотеку 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>
Ответить с цитированием
  #4 (permalink)  
Старый 22.11.2018, 14:08
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,528

Сообщение от Jimmi
Отключаем библиотеку jquery.min.js, эффект плавности пропадает. Что не так? И почему?
Потому что готовый скрипт требует обязательного наличия библиотеки jQuery.
Ответить с цитированием
  #5 (permalink)  
Старый 22.11.2018, 14:19
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 13:25