Hi every one I hope that some one here could help me with. please.

I been using Mojoportal 2.3.6.5 since a while...

This is my problem:

I have a page that have a main menu in horizontal header bar Okay...

This page is the parent page of 101 new pages. So this page also have a vertical menu to allow you select the 101 new pages of which it is parent.

So what I did was: a new master.page that share the same structure for the parent and 101 child pages.

But as you can imagine the vertical menu will be too large to use in a simple page.

I created a CSS mod first to limit the height and second to create an scroll bar to allow you select any page you want to view.

Here what I put on CCS style

.art-vmenublock

{

position: relative;

margin: 0 auto;

min-width: 11px;

min-height: 11px;

width: 205px;

height: 550px;

}

.art-vmenublock-body

{

position: relative;

padding: 1px;

width: 200px;

height: 540px;

overflow-x: hidden;

overflow-y: scroll;

}

Everything is fine till here.

In every page that have this vertical menu shows by size limit only the first 19 pages and always shows the first page at the top of menu, so if you need to see the pages in order, like a catalog you that want to see all pages, when you pass the 19 firsts you always will have the first page in the top of the vertical menu, If you want to see the number 50 and you want to see the next one, you'll be forced to use the scroll bar, so I need that the page that you are seeing be the first option at the top of the vertical menu to make the interaction be more intuitive...

My english is not as good as I whish, i'm sorry...

Best regards

Erwin

Joe thanks you very much....

$(document).ready(function() {
  $('.art-vmenublock-body').animate({
   scrollTop: $('.art-vmenublock-body li.active').offset().top -300
  }, 2000);
});

 

Just add the -300 to your code and work just as I whist to...

 

You're the best Thanks you again.

Best regards

Erwin