Well, the title seems a little long hehe but I couldn't find another precise title for the problem I'm facing. And as the title suggest, I have a little problem using a Tab menu build based in UL lists, CSS a little of javascript. All work perfect.
The problem is this:
I choose an option from the menu has a lot of content that it exceeds the height of the browser and the scrollbar appears.
I scroll down to see all the content or the rest of the controls.
I pick up another option from the menu that has less controls in its content.
The browser do a scroll up automatically and it gets back to its original position. -----> *
As you can see, in the step 4 is where I'm getting the issue. Well, I'm not sure if it's an issue or not, I guess it is the normal behaivor of the browser when showing less content.
So, the question here is: Exists a way to avoid this?
I mean, idenpendently if the content has a lot of controls or not, Is it possible to avoid the scrolling up that occurs automatically ?
I'm not sure if I was very clear in what I want or try to achieve.
I've checked the url you posted. I think that solution is little different of what I'm traying to do. In my case, I don't need to add a scrollbar to the menu since it is a tab menu (5 options). Each tab menu has it's own content. Some of them have a lot
of controls that cause that the height of the page increase and it's where the scrollbar appears (which is OK.)
The problem is when the user is playing with the tabs menus and he/she is in a tab menu that has some content and when a different tab menu is clicked, a scroll up is automatically execute.
So, what I'm trying to fix or see if it's possible is, that any scroll up or scroll down it's executed automatically when the user is interacting with the tab menus.
Lesthad_mk
Member
96 Points
159 Posts
How to avoid resetting the scrollbar of the browser when picking an option up from a menu?
Jan 08, 2013 04:41 PM|LINK
Hi all
Well, the title seems a little long hehe but I couldn't find another precise title for the problem I'm facing. And as the title suggest, I have a little problem using a Tab menu build based in UL lists, CSS a little of javascript. All work perfect.
The problem is this:
As you can see, in the step 4 is where I'm getting the issue. Well, I'm not sure if it's an issue or not, I guess it is the normal behaivor of the browser when showing less content.
So, the question here is: Exists a way to avoid this? I mean, idenpendently if the content has a lot of controls or not, Is it possible to avoid the scrolling up that occurs automatically ?
I'm not sure if I was very clear in what I want or try to achieve.
I hope you can help me
Regards!
raju dasa
Star
14320 Points
2440 Posts
Re: How to avoid resetting the scrollbar of the browser when picking an option up from a menu?
Jan 09, 2013 05:04 AM|LINK
Hi,
Add scrollbar to menu option but not to page.
Check this site:
http://stackoverflow.com/questions/9624578/add-scrollbar-on-dropdown-menu-options
rajudasa.blogspot.com || blog@opera
Lesthad_mk
Member
96 Points
159 Posts
Re: How to avoid resetting the scrollbar of the browser when picking an option up from a menu?
Jan 10, 2013 02:57 PM|LINK
Hi Raju
I've checked the url you posted. I think that solution is little different of what I'm traying to do. In my case, I don't need to add a scrollbar to the menu since it is a tab menu (5 options). Each tab menu has it's own content. Some of them have a lot of controls that cause that the height of the page increase and it's where the scrollbar appears (which is OK.)
The problem is when the user is playing with the tabs menus and he/she is in a tab menu that has some content and when a different tab menu is clicked, a scroll up is automatically execute.
So, what I'm trying to fix or see if it's possible is, that any scroll up or scroll down it's executed automatically when the user is interacting with the tab menus.
Regards!