Question

Я пытаюсь scrollLeft с примененным ослаблением.

Это прокручивается просто отлично, если бы я взял легкость

$("#content").animate({ 
    scrollLeft: '+=' + $(window).width() 
}, "slow"); 

Но когда я пытаюсь добавить ослабление к анимации

$("#content").animate({ 
    scrollLeft: '+=' + $(window).width() 
}, "slow", "easeInOutBounce"); 

Я получаю ошибку, которая выглядит как: TypeError: m.easing[this.easing] is not a function

Любая помощь была бы оценена

Answer 1

Вы должны добавить 'easeInOutBounce' в массив jquery easing, иначе вы можете использовать только «linear» или «swing».

Есть плагины для добавления кривых замедления в JQuery, JQuery-щ добавляет многие из них, включая «easeInOutBounce»

Answer 2

Я думаю, что вам нужно JQuery UI, чтобы иметь доступ к такого рода облегчение.

Источник (JQuery documentation):

Облегчение

Оставшийся параметр .animate() является строкой имен функцию ослабления для использования. Функция ослабления определяет скорость, с которой анимация продвигается в разных точках анимации. Единственными облегчающими реализациями в библиотеке jQuery являются значения по умолчанию, называемые swing, и одно, которое прогрессирует с постоянной скоростью, называемой линейной. Доступны более легкие функции с использованием плагинов, в первую очередь, набора пользовательских интерфейсов jQuery.

Answer 3

easeInOutBounce не является частью набора jQuery по умолчанию. Вам нужно будет включить библиотеку ослабления jQuery UI, чтобы иметь доступ к этому. Либо просто включите весь пользовательский интерфейс jQuery, либо создайте себе custom version of the library, содержащий только компоненты ослабления. Включите это после включения jQuery и перед вашим кодом.