CSS tricks to show or hide horizontal and vertical scroll bar

CSS tricks to show or hide horizontal and vertical scroll bar

Sometimes we need to add scroll bar to a div or span whenever text in the div or span get overflow. scroll bar is supported in all browsers like IE 5+, FF 3.5+, and Safari, Opera etc. To show scroll bar, we need to specify overflow property of css to "visible" or "auto". 

Horizontal and Vertical Scroll Bar

 .scrollbar
{
   overflow: auto; /*for horizontal and vertical scroll bars */
}

Horizontal Scroll Bar

.horizontal-scrollbar
{
       overflow-x: auto; /*for horizontal scroll bar */
       overflow-y: hidden; /*for hiding vertical scroll bar */
}

Vertical Scroll Bar

 .vertical-scrollbar
{
   overflow-x: hidden; /*for hiding horizontal scroll bar*/
   overflow-y: auto; /*for vertical scroll bar*/
}

Important to remember:

1. To show scroll bar always set overflow to "visible". It will show scroll bar whether text get overflow or not.
2. To show scroll bar only, when text get overflowed, set overflow property to "auto".

UI UX DESIGN

UI UX DESIGN

Design is a broad stream of subjects and isn’t limited to graphic design. When someone says “I’m a designer’, it is not immediately clear what they actually do day to day. There are a numerous pillars of responsibility which together holds design upright.

Design related roles exist in a range of domains viz, graphic design, textile design, interior design, fashion design, ceramic design, print design and more. With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged.

Job titles like UX Developer or UI designer have emerged as the future front of design roles. Its meaning is unfamiliar even to designers who come from other industries.

What is HTML?

HTML is the standard markup language for creating Web pages.

• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using markup
• HTML elements are the building blocks of HTML pages
• HTML elements are represented by tags
• HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags, but use them to render the content of the page

Web Design ,Logo Design, graphic design, website design: Web Design

Web Design ,Logo Design, graphic design, website design: Web Design: encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include w...

Web Designing

Hey Guys,

Designing is an Art Where people can explore their Graphical ideas in order to make Very effective design for an effective website.