PDA

View Full Version : How to make page scroll automatically on click, plz help ASAP


nozhy
03-03-2010, 04:31 PM
I need to know how to make a page scroll up or down automatically when i click on an image.
Too see example click here: http://www.morphix.si/

I am very new to Dreamweaver and coding, so please be gentle. But I need help A.S.A.P if it's possible! =)

Corrosive
03-03-2010, 04:37 PM
That's brilliant. I love it! They've used jquery javascript framework. You can see the links in the source code;

<script type="text/javascript" src="_js/jquery.js"></script>
<script type="text/javascript" src="_js/jquery.anchor.js"></script>
<script type="text/javascript" src="_js/ui.core.js"></script>
<script type="text/javascript" src="_js/ui.slider.js"></script>
<script type="text/javascript" src="_js/scripts.js"></script>

You have some jquery Googling to do my friend ;)

nozhy
03-03-2010, 05:37 PM
Thank you. I will look into it.

nozhy
03-03-2010, 07:38 PM
That's brilliant. I love it! They've used jquery javascript framework. You can see the links in the source code;

<script type="text/javascript" src="_js/jquery.js"></script>
<script type="text/javascript" src="_js/jquery.anchor.js"></script>
<script type="text/javascript" src="_js/ui.core.js"></script>
<script type="text/javascript" src="_js/ui.slider.js"></script>
<script type="text/javascript" src="_js/scripts.js"></script>

You have some jquery Googling to do my friend ;)
I still don't get it. He has 5 javascript files there in the script. How did he get them and how do I then make this work when clicking on an image?
Lets say you drag in an image to a brand new html file and when you click on it it will scroll down to a certain point. How would you do that step by step?

Ricky55
03-03-2010, 08:03 PM
Check this out

http://www.kryogenix.org/code/browser/smoothscroll/

Just one javascript file, works in all browsers, very easy to implement. uses anchors

nozhy
03-03-2010, 09:18 PM
Check this out

http://www.kryogenix.org/code/browser/smoothscroll/

Just one javascript file, works in all browsers, very easy to implement. uses anchors

Very nice! I will give it a try.

Corrosive
03-04-2010, 06:21 AM
Check this out

http://www.kryogenix.org/code/browser/smoothscroll/

Just one javascript file, works in all browsers, very easy to implement. uses anchors

Nice find Ricky. One for the snippets file :)