scrolling text without using scroll bar?

[katey_h23]

scrolling text without using scroll bar?

hello,

I have seen on many sites such as the link below:

[newfundemental.com...]

they use little arrows that when you click or rollover them the text scrolls up/down. but a scroll bar isnt visable.

How do you do this?

[BlobFisk]

Welcome to WebmasterWorld, katey_h23!

There are 2 ways of doing this: an iFrame or a scrolling layer.

The iFrame is the effect used on the site you mention (although, you may want to remove the link as it is against the TOS [webmasterworld.com] of WebmasterWorld). iFrames are well supported, with NN4.x being the exception, although you can work around this by nesting the iFrame within and iLayer.

The second option (and this allows you to use onmouseover events to achieve scrolling) is a scrollable layer. Without any JavaScript, in it's simplest form, div's can scroll (again watch out for NN4.x - see the pattern?!) by using the CSS overflow property, but there are cross browser scripts out there that will allow you to get div's to scroll using mouse over events.

HTH

[waldemar]

They are using Internet Explorer proprietary CSS tags for the look of the scroll bar:

scrollbar-face-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-track-color
scrollbar-arrow-color

Regards
waldemar

[kingkelly]

Yeah, all it is is an iFrame, with the scrollbar colours white, so it looks like there is no bar. This is easily done.

[waldemar]

I don't think it's a good idea though. (1) I'm expecting the scrollbar and this way I have lots of fun of playing around with something invisible; (2) You can't incorporate the effect into the whole design since Netscape and Opera still display regular scrolllbars.