Видимость активного элемента при прокрутке блока
 

Доброго времени суток! Суть вопроса в том, чтобы элемент с классом "active" находился в видимой части блока, при условии что блок имеет фиксированную высоту. Подскажите кто-нибудь, как это реализовать?

<div>
 <ul>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li class="active"><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li>
 <li><a href="">Blog</a>
 </li> 
 </ul>
 </div>

В смысле? :blink:

http://jsfiddle.net/2patspw2/862/
Каталогу 3 присвоен class="active". Нужно чтобы он поднимался в видимую часть блока

??? а поподробнее или
попробуйте ещё как то иначе сформулировать свой вопрос.

Чтобы он прилипал к верхней части блока.

Nikolay.K,
:-?

.active{
    position:  fixed;top:44px; width:163px;
}

Это же блок с прокруткой, нужно чтобы она продолжала работать, просто элемент имеющий class="active" автоматически прокручивался к верху блока, но прокрутка должна функционировать, она не должна фиксироваться и быть неподвижной.

Nikolay.K,
может вы кнопку какую забыли показать?
ваше описание ещё ни разу не было однозначным!
может вам нужна обыкновенная прокрутка к элементу , но внутри блока -- берёте любой и сотен скриптов на форуме про scroll и меняите в них $('body, html') на $(".customScrollBox") и offset на position

Nikolay.K,

$(".customScrollBox").scrollTop($(".active").position().top)

Если бы я понимал что-то в этом..
Спасибо большое за помощь, то что нужно!