Vertical scroll bar in HTML controls/elements/tags such as TEXTAREA and SELECT will be useful if the element has more content/items.
But always showing Vertical scroll bar will be occupying some space in the page unnecessarily.
So the best way is, showing the Vertical scroll bar dynamically only when the content exceeds a limit.
It can be achieved by specifying "overflow" as auto in the style.
(e.g)
<textarea style="overflow:auto"> some content</textarea>
Similarly we can specify overflow as hidden if we don't want to show the scrollbar.
It is working fine for Textarea in both IE and FireFox.
But it is not working for Select in FireFox.
Select tag in FireFox is showing scroll bar even when we specify overflow as hidden.
And also, we have noticed that it happens only when the number of items/options in the Select exceeds 20.
By searching the internet we came to know that there is no way to make it work properly other than some ineffective ways such as hiding the scroll bar using some div tags.
More Articles...
Shop at Rajamanickam.com | Birthday Gift Idea? | Hire me for $6 per Hour
Get 3 useful ebooks for Rs 99 in India and $5.99 globally
Get a 75% commission | ChatGPT and and Google Gemini for Beginners (Use Discount code QPT)
Wednesday, April 29, 2009
Search This Blog
Art of Talking to AI | Tech eBook | Dream Big | Listen to Dream Big
Today's Deals | Timesheet | Products | 3 ebooks for $5.99 / Rs 99 | Earn 50% commission
About | Privacy | Follow | TOS | WhatsApp | Contact
I may earn a commission from Amazon affiliate links
Today's Deals | Timesheet | Products | 3 ebooks for $5.99 / Rs 99 | Earn 50% commission
About | Privacy | Follow | TOS | WhatsApp | Contact
I may earn a commission from Amazon affiliate links
No comments:
Post a Comment