Scroll buttons in Javascript

Ok, first I realise javascript scroll buttons are frowned upon by the web development community, but scroll bars really don't fit into my page design. I want to do something similar to this but without the frames. How do I do this?

Have a look at the src and find out they did it.

Yeah, but i don't want to use frames in my design, and when i tried to modify it for div tags everything fell apart. It's not like i haven't tried...

The use of overflow: hidden would prevent scrollbars on the divs. Maybe named anchor tags could be placed in the div's contents and "moved to" with javascript controlled by the buttons?

Hm, that might be a bit clunky. I'd need new buttons every time the page scrolled. I've found another example. I'll try try and work through that. (I Should've tried to learn javascript years ago)

Your previous example would work with a div without much problems...

See attachment for a working solution.

Thanks !! That *almost* works perfectly, and even I can fix the problems.

Look at me! I'm frowning... =(
Good job on the solution MichaelSoft.

I think it's ridiculous to discount a solution because it isn't common... some developers may frown on this, but if it suits your design, by all means do it.
I especially appreciate that you're trying to keep it Standard... no frames, and hopefully more accessible to disabled web users.

Just remember to make sure that anyone without Javascript/CSS can still see the content of your page. Then I won't frown =)

Hi there
I'm new here, and I'm hoping for some help.

I'm afraid I'm not too swift on Javascript (ok with ActionScript, but while there are similarities I seem to be getting stuck quite a bit), but here goes:-

I've taken the code that MichaelSoft submitted and applied that to a scrolling <div> on this test page.

It works fine on both Firefox and Safari for the Mac, but falls down on Windows, as does the original, which is here.

There seems to be some problem with the event handlers. It works if you click on the buttons once (quickly), but if you press and hold, the script won't run at all.

Any help would be greatly appreciated.

Thanks in advance
Matt

Hey Matt!
Your test page returned a 404 (Page Not Found), I assume you've taken it down?
The original you've linked to works fine for me in Windows.
I tested it using Firefox 1.5.1 and IE6

Ooops, sorry about that. I kept meaning to update the link but got distracted.

I've found a solution from dyn-web that's much more user-friendly (it generates a scrollbar for you as well), and only costs about $30, so am gonna just use that. I think I'll try some easier Javascripting first, before I get into the heavy stuff.

M.

Would you mind posting a link to this other one?
I wouldn't mind seeing a demonstration (if they provide one)