Topic: Scrolling full-size pages with the mouse (Read 3367 times)

DavidC · « **on:** June 16, 2009, 11:37:31 am »

Hi

Re: Javascript zoom control - http://megazine.mightypirates.de/forum/index.php/topic,140.0.html

I display pages at their normal size within a browser window so I don't have to zoom in and out. This means however that I had the use the scrollbars to move across and down to view the whole of each page.

I'm attaching some code that automatically scrolls the contents of the browser window when the mouse is moved. This makes use of the MooTools javascript framework scroller class: http://demos111.mootools.net/Scroller

Any suggestions for improvements would be welcome. I'm just getting into javascript frameworks - mootools, jquery etc.

DavidC

PS. Apologies for the low quality jpgs - there are 27 of them, and it was to get them uploaded within the upload limit.

I haven't mentioned already - megazine3 - big thumbs up!

Alia17 · « **Reply #1 on:** August 16, 2009, 10:29:18 pm »

How did you do that? I've copied the mootools.js to my site folder and changed the path in the index.html. It doesn't work for me though. May be I missed something I should change?

DavidC · « **Reply #2 on:** August 20, 2009, 10:43:20 pm »

If you download the zip file attached to the June 16 post (you'll need to login as a member), it includes an example, view the source of example.html and you'll see in addition to the mootools script line in <head>, you'll also need to add a few other lines of code - within <head> look for the lines of code beginning window.addEvent - and in <body> look for the additional <div id="mousemove" class="inside move">

MegaZine3

News:

Author Topic: Scrolling full-size pages with the mouse (Read 3367 times)

DavidC

Scrolling full-size pages with the mouse

Alia17

Re: Scrolling full-size pages with the mouse

DavidC

Re: Scrolling full-size pages with the mouse