В javascript я совсем не силен, может поможет кто)))
Имеем меню с подменю:
<body>
<ul class="accordion">
<li>
<div class="link"><div class="text">Пункт 1</div></div>
<ul class="submenu">
<li><a href="#">Подпункт 1</a></li>
<li><a href="#">Подпункт 2</a></li>
<li><a href="#">Подпункт 3</a></li>
<li><a href="#">Подпункт 4</a></li>
<li><a href="#">Подпункт 5</a></li>
</ul>
</li>
<li>
<div class="link"><div class="text">Пункт 2</div></div>
<ul class="submenu">
<li><a href="#">Подпункт 1</a></li>
<li><a href="#">Подпункт 2</a></li>
<li><a href="#">Подпункт 3</a></li>
<li><a href="#">Подпункт 4</a></li>
</ul>
</li>
......... и так далее.............
<li>
<div class="link"><div class="text">Пункт N</div></div>
<ul class="submenu">
<li><a href="#">Подпункт 1</a></li>
<li><a href="#">Подпункт 2</a></li>
<li><a href="#">Подпункт 3</a></li>
<li><a href="#">Подпункт 4</a></li>
</ul>
</li>
</ul>
</body>
как сделать так, чтобы активный пункт меню, развернутый, не раскрывался на месте, а скроллился на высоту включенный в себя подпунктов, но не выходил за пределы видимой области...
наглядно на аттачах - аттач 2 - как хотелось бы, зеленым - зона видимости