Каков шаблон скрипта (jquery), когда прокрутка мыши достигает, например, 500px, до верхней части блока?

Хочу создать на странице, мини-анимацию, при которой, блок из начально не виден, а выезжает слева, при прокрутке мыши, скажем, в 500 px до верхней части этого блока, тогда он и должен будет выезжать слева на страницу. Изначально у блока margin-left: -100%; но когда скролл достигнет 500px до верхней его части, блок станет margin-left: 0; Подскажите пожалуйста шаблон скрипта, желательно на jquery, при котором, скролл мыши достигает до верхней части блока, например, 500px. Буду очень признателен. Благодарю Вас за внимание!