Change scroll bar size? [Archive] - Dynamic Drive Forums

rohis

02-02-2006, 05:59 PM

I have an Iframe on a webpage and I want to make the scrollbar thinner.

Here is the page in question:

http://www.freewebs.com/automata/splash.html (click on the logo, the site opens in a popup)

I'm not sure if the code needed would be HTML or not.

I would think there would either be a code to put in the "Iframe src=" code to change scroll bar size, or a code I could put on the page that opens in the Iframe.

Xiong Chiamiov

03-02-2006, 07:07 AM

I don't think that's possible... with flash maybe.

mwinter

03-02-2006, 11:29 AM

I have an Iframe on a webpage and I want to make the scrollbar thinner.Scrollbars are often provided by the operating system, therefore changing the appearance significantly would require alterations at the operating system level.

Mike

eamondo

03-02-2006, 01:13 PM

I have an Iframe on a webpage and I want to make the scrollbar thinner.

Here is the page in question:

http://www.freewebs.com/automata/splash.html (click on the logo, the site opens in a popup)

I'm not sure if the code needed would be HTML or not.

I would think there would either be a code to put in the "Iframe src=" code to change scroll bar size, or a code I could put on the page that opens in the Iframe.

If Are Using a Free Webhost they probably write headers onto your pages and it therefor may not be possible to, change certaint things like scrollbars they also may have there own limmetations set on what script types can execute on your web site. I May Be wrong butit is a possibility. Also BUY A SERVER DAMMIT! ITS BETTER THAN FREE HOSTING! lol, jk but free hosts do suck.

jscheuer1

03-04-2006, 05:44 AM

Mike is right about the scrollbars being a part of the operating system on the client's computer so, the only way to customize the width of a scrollbar would be to set the attributes and or style properties of the element that you want to customize in this fashion in such a way that it did not display the user's system scrollbar and then, via javascript, create a new scrolling method for the element, using your custom made scrollbar(s). I have seen this done but, it is hardly worth the effort, certain to break down on non-javascript enabled browsers and almost certain to break down on some browsers even with javascript enabled, owing to quirks in their interpretation of your code.

questions

08-02-2008, 11:40 PM

Can I open this up again and ask what size would one typically allow as a safety to fit a possible scrollbar... 20-30 pixels?

jscheuer1

08-03-2008, 05:17 AM

Can I open this up again and ask what size would one typically allow as a safety to fit a possible scrollbar... 20-30 pixels?

That's about right, 25 should be plenty. I just measured IE 7's on XP using IE developer toolbar's ruler at 20. However, in actual practice I have found that 22 can sometimes be required in some browsers to account for it, so 25 would be on the safe side. On FF and Opera, where the only difference between the two measurements below should be the scrollbar, it's reported here as 17:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
overflow-y:scroll;
}
</style>
</head>
<body>
<script type="text/javascript">
alert(window.innerWidth - document.documentElement.clientWidth);
</script>
</body>
</html>

But I think that's just a tad low.

questions

08-05-2008, 06:07 PM

Thanks!