Solved

Making scroll bar unvisible

Posted on 2004-10-07
8
258 Views
Last Modified: 2008-02-01
My question is quite simple
How could I make unvisible scroll bars ?
0
Comment
Question by:ferhad
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 
LVL 2

Author Comment

by:ferhad
ID: 12247457
I already know how to make it in pop-up windowses.
0
 
LVL 10

Expert Comment

by:dij8
ID: 12247512
A cheating way could be to set your scroll bar colours.
<style type="text/css">
body {
  background-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
}
</style>
0
 
LVL 5

Expert Comment

by:php-webdesign
ID: 12248444
or set css:

overflow:none
0
[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

 
LVL 2

Author Comment

by:ferhad
ID: 12256102
Hi dij8
Actually I am trying to make unvisible only right-left scroll bar. Your code quite good but it's making unvisible both scroll bars. Can you make on this sample little changes that will make right-left scroll bar unvisible ?

Hi php-webdesigne
Where should I paste this code(overflow:none) ?
I have already pasted it into dij8's code. But it doesn't gave me anything. Something like that:

body {
  background-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
  overflow:none
}

Where is mistake ?
0
 
LVL 10

Accepted Solution

by:
dij8 earned 75 total points
ID: 12256128
You can't colour only one set of scrollbars.

As an IE only fix you could try in your style sheet:
body {
  overflow-y:auto;
  overflow-x:hidden;
}
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 12256209
dij8 has a clever idea, works in IE only though. You can use another method, but this is only for a div, it does not seem to work on the body.  ..also IE only (view source for code)

http://www.geocities.com/daydreamsv10/transcroll.html


Here it seen with an image for the background of the scrollbars (view source for code)

http://www.geocities.com/daydreamsv10/scrollbarstrans.html

It is an interesting exercise, but reduced the accessibility for your users, in my opinion.
0
 
LVL 2

Author Comment

by:ferhad
ID: 12265374
Thank you Dij8 and Daydreams. I will test it and say you results.
0
 
LVL 10

Expert Comment

by:dij8
ID: 12273960
Glad I could help.
0

Featured Post

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

626 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question