Can't able to set different overflow style setting for horizontal and vertical scrolling.

asked 2009-10-23 08:19:54 +0800

baskaraninfo gravatar image baskaraninfo
526 2 2 9

updated 2009-10-23 08:20:38 +0800

We can set the grid body's overflow behaviour as shown below using style:

div.z-grid-body {overflow: auto;}

Overflow attribute can have any one of the three values such as, auto, hidden or scroll.

When we set any one of the option, then it is applied to both horizontal as well as vertical.
But, is there any way to set different overflow settings for horizontal and vertical individually?

In my case, I want to have vertical scrollbar's overflow setting as scroll. But, I want to set horizontal scrollbar's overflow setting as hidden.

Any suggestions?


delete flag offensive retag edit

1 Reply

Sort by ยป oldest newest

answered 2009-10-27 00:42:49 +0800

baskaraninfo gravatar image baskaraninfo
526 2 2 9

updated 2009-10-27 00:43:37 +0800

Solution is:

div.z-grid-body {overflow-x: hidden; overflow-y: scroll;}

Thank you, Uday.

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools




Asked: 2009-10-23 08:19:54 +0800

Seen: 309 times

Last updated: Oct 27 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More