Scrollbar positioning

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:03

Scrollbar positioning

Poster: Croata
Dated: Wednesday June 14 2006 - 15:31:27 BST

Hi ppl,

I'm trying to put the inner scrollbar of a menu in the left side, instead of the default (right side). I've been searching for this feature in Milonic with no results. A friend told me it's a CSS-related issue (?).

Also, I can't achieve displaying an horizontal scrollbar for horizontal menues. Already the menu is big and doesn't fit in the screen.

Code:

with(milonic=new menuname("_MainMenu_")){
    style=mainStyle;
    top=0;
    left=129;
    itemheight=32;
    orientation="horizontal";
    overflow="scroll";
    alwaysvisible=1;
    ...
}

--

Thanx,
Cro

Poster: Ruth
Dated: Wednesday June 14 2006 - 21:22:05 BST

Hi,

As far as I know the only position for scroll bar is at the right. You can change it, but only if you are changing the direction of the page as happens for languages such as Hebrew where the direction is rtl.

Code:

This would change the direction of things on the page, including text. I've seen where pages have been made which has English on it and they do dir="rtl" then throughout the page they put in divs with dir="ltr" on every one of them so that the language goes as English should.

As to the horizontal scroll bar in a menu, there is no property to put a horizontal scroll bar at the bottom. The menu has a property called divides which will divide the menu into two rows so it won't span too wide.

We could give you more help as to ideas etc, if you gave us a page to see what the layout and design is.

Ruth

Poster: Croata
Dated: Thursday June 15 2006 - 15:18:03 BST

Ruth wrote:

As far as I know the only position for scroll bar is at the right. You can change it, but only if you are changing the direction of the page ...

Indeed, your code changed the direction of all things in the page (arabic layout). The menu was re-directioned to the normal appearance adding a line in the <style> section:

Code:

<html dir="rtl">

...

<style>
table#tbl0 tr {
    direction: ltr;
}
</style>

...

For horizontal menu, the divides worked. Nevertheless, both approaches generated new problems, which I'm going to show in a new post with a live example.

Thanx Ruth!

Industrial Strength JavaScript and DHTML Menus

Scrollbar positioning