How Do I Hide The Scroll-Bars In A WebObject? [Archive]

View Full Version : How Do I Hide The Scroll-Bars In A WebObject?

mystica

01-18-2008, 06:15 AM

Does anyone know how to hide the scrollbars that appear when using a web-object on your page?

I want to display an anigif and have tried the various other methods posted on this forum but would like to stick with using a web-object to display my anigif ... however the scrollbars that appear on the side/bottom are really annoying.

Does anyone know of a hack/trick to hide these scrollbars so they don't spoil the effect of the displayed anigif?

Cheers.

Worm

01-18-2008, 06:32 AM

In your HTML body tag
<body style="overflow:hidden">

FoxLeader

01-18-2008, 07:52 AM

...or by masking the web object. You'll not have any borders or scrollbars that way, and it's my preffered one.

longedge

01-18-2008, 08:18 AM

This is covered in this (http://www.indigorose.com/forums/showthread.php?t=22327&highlight=mask+web) post although N.B. there is a typo in the post - "WindowH andle" there should be no space.

Have you thought about converting it to a .swf?

p.s. an example with hml and flash objects as a comparison

mystica

01-18-2008, 11:45 PM

Thanx heaps everyone for your suggestions!

In answer to your question 'longedge', yes I've considered converting to .swf but don't like the fact that it creates a flash.ocx dependancy at runtime ... that's the reason i prefer to go with the web-object method.

Worm

01-19-2008, 07:39 AM

You could break the ani-gif into frames, and then use the page timer to show each frame. Theres a tool (AniGif2AMS) on my forum to do this, its free

longedge

01-19-2008, 12:22 PM

Well they say little things amuse little minds :) I wondered if you could succesfully move a masked web object around and changed my example and for some reason I found it really amusing ??? :lol

mystica

01-21-2008, 01:10 AM

You could break the ani-gif into frames, and then use the page timer to show each frame. Theres a tool (AniGif2AMS) on my forum to do this, its free

Worm, thanx for your feedback. I have heard of this method before, and actually already have the 'anigif2ams' tool you speak of. But I can't figure out how to use/apply it properly to get the desired effect. Do you think you might be able to post an example which shows how it works. (And possibly, some brief instructions if you have the time???)

Also Worm, thanx too for your first suggestion [ie. altering the HTML body tag]. I tried this method and it works well ... but it's problematic for my particular project because my page-background is 'black' which means the white borders/frame of the web-object show up. I don't suppose you happen to know of a simple workaround for this as well, do you? (ie. can i add something to the html-tag to make them invisible?)

FoxLeader

01-21-2008, 11:17 AM

For your last question, I don't think so. It's a border made in the object (since it's a windowed object), not in the page.

Canter

03-06-2008, 06:09 PM

I've come across an easier way to hide the scroll bar - simply set all scroll bar properties (in a style) to the same as the background color. Eg: in the header of your html:

<style type="text/css">
html {background-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;}
</style>

Hope that's of use to someone.