Скорость анимации JS/CSS относительно размера объекта

Question

У меня есть функция JS, которая оживляет heightdiv со скоростью 0.5 seconds. Значение height равно динамически определяется при загрузке содержимого и может быть от 200px до 6000px или больше.

Проблема, с которой я столкнулся, заключается в том, что когда height больше, чем 800px, мое значение скорости по умолчанию 0.5 seconds делает анимацию слишком быстрой. И если я увеличу значение скорости по умолчанию до, скажем 2 seconds, анимация будет слишком медленной, когда div находится под 800px высоким.

Как я могу сделать скорость анимации относительно высоты div, чтобы анимация ощущалась одинаково независимо от значения высоты?

Я пробовал: Calculate coefficient to get normal speed animation . Но я получаю следующее сообщение об ошибке: ReferenceError: Can't find variable: TimeSpan

Я был бы благодарен, если кто имеет какие-либо идеи - Спасибо заранее

Answer 1

Если вы использовали непосредственно ответ на что вопросы, то TimeSpan объект не будет существовать в ваш код, если вы его не создали, это не функция jQuery или JavaScript, а функция Microsoft .NET.

Вы могли бы реализовать что-то подобное в JS, как так:

var duration = (thisHeight - contentControlHeight)/pixelPerSecondSpeed; 

Если используется значение из таблицы в вопросе вы ссылочного, а именно:

var contentControlHeight = 500; 
var pixelPerSecondSpeed = 30; 
var thisHeight = parseInt($('#someDiv').height()); 

// This should return the correct animation duration 
var duration = (thisHeight - contentControlHeight)/pixelPerSecondSpeed; 

Я не мог проверить это , будет полезен jsFiddle или еще один примерный код.