плавное перемещение

Поискал по сайту и ответа на мой вопрос я не нашел, поэтому решил создать новую темуУ меня есть полноэкранный Grid в котором находится usercontrol перемещаемый с помощью TranslateTransform

Есть код для фиксированной шапки, в первом положении блок находится за контейнером, после прокрутки страницы на 100px добавляется класс где шапка становиться фиксированной и находится уже в контейнере

Я пытаюсь сделать такой же эффект как у bootstrap когда листаешь страничку вверх-вниз и меню, которое находится вверху, перемещается вместе со скроллированием

К примеру, у меня есть ссылка:

Хочу сделать плавное смещение изображения на определенное количество пикселей при нажатии, моментальное перемещение уже написал, теперь хочу сделать плавное, чтобы можно было скорость движения указатьКак это лучше сделать?