Automatically Scroll To Top

[ChopSuey]

Upload all files to forum root.
now add this to bottom of headinclude
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js"></script>

DEMO:
http://forum.gamingcube.org/
Scroll down the a the up button will appear, click it!
-----------------
Added more up images.

[MagicThemeParks]

Interesting. I might look into using this in the future. :)

The image is editable, I assume. Right?

[COL NIL SATIS]

thats a cracking litttle mod that is!!! nice work

[goxy63]

Looks great, tagged, rated, nominated will install ASAP to try it out

Thanks

[johnrizz]

haha, cool little mod!

[COL NIL SATIS]

installed!!! works great...any chance of changing the button image??

[dutchbb]

Nice mod, just needs a button to fit more skins.

[jorge_kai]

fantastic!

[johnrizz]

Why can't you just upload your own button? just give it the same name and replace the button...

[goxy63]

Nice mod, just needs a button to fit more skins.

You're a designer why not create some and ....as "stone0075 " already mentioned :D

Just installed, it rocks

Would like to ask how to change of speed when "scrolling" up, would like a bit slower if that is possible, I guess changing code in "scrolltopcontrol.js" but where and how?

Thanks

[dutchbb]

Even though I think this mod is nice, I'm not going to use it myself. Just thought a better default button would be nice for those that can't create one :)

[ChopSuey]

You can have any image with a .jpg extension named up. ANd you will be fine. You can also use a picture of yourself haha.

[FreshFroot]

nice work and use of jquery :D

Only thing I might change is the position. I am using the cometchat mod, so it had a bar at the bottom as well.

[ChopSuey]

:) Glad you like it, i don't have Comet chat installed. I'll see if i can make it pop up in the middle of the page or something.

[danyz81]

nice! thanks ;)

[ChopSuey]

Your welcome Danzy :)
-----------
If you haven't marked as installed i will not provide support.

[cindy helmond]

nice work and use of jquery :D

Only thing I might change is the position. I am using the cometchat mod, so it had a bar at the bottom as well.

yes me to !!

[trotskid]

Very nice addon, but it slows down for most users the scroll navigation, so uninstalled :(

[Michael.A]

next time give credit http://www.undergroundteam.org/index.php

[Hostboard]

next time give credit http://www.undergroundteam.org/index.php


I would consider this more of a find...

http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

[ChopSuey]

Very nice addon, but it slows down for most users the scroll navigation, so uninstalled :(

How does it slow it down? Works fine.

[Hostboard]

Very nice addon, but it slows down for most users the scroll navigation, so uninstalled :(

Try this...

Upload attached file to your client script folder.

Change:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


To:

<script type="text/javascript" src="http://www.YourDomain.xxx/ForumPath/To/clientscript/jquery.min.js"></script>


This will allow you to self host the modificaiton instead of relying on an external source. Much better as if they go down this wont work.

[realdx]

tagged!! nice!

[valdet]

How to make this work with Go to Top text links?

Thanks

[FTG STRYKER FG]

Installed but not working on my site.

- Downloaded files
- Uploaded to my /forums folder (forum root)
- added the following to my headerinclude template

<script type="text/javascript" src="http://www.fataltacticsgaming.com/forums/scrolltopcontrol.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js">

Relaunched my site, tried to scroll down, image never appears.

Any ideas?

[FTG STRYKER FG]

As soon as I changed my headerinclude to the following, it worked:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js">



Any idea as to why it doesn't work on my vBadvanced Homepage? Not a big issue, but would be nice if it worked there also.

[Hostboard]

Installed but not working on my site.

- Downloaded files
- Uploaded to my /forums folder (forum root)
- added the following to my headerinclude template

<script type="text/javascript" src="http://www.fataltacticsgaming.com/forums/scrolltopcontrol.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js">

Relaunched my site, tried to scroll down, image never appears.

Any ideas?

You are combining the authors steps and mine and they are mixed up.

[Hostboard]

As soon as I changed my headerinclude to the following, it worked:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js">



Any idea as to why it doesn't work on my vBadvanced Homepage? Not a big issue, but would be nice if it worked there also.

You will have to make sure the headinclude template is being called by vBadvanced. If not then you wil need to place this code in whatever header template they use.

[Trescom]

ChopSuey, very nice idea. It is really handy if you have big Forum and must scroll all the way down and up to search it. But for me there is mistake. You forgot to close the tag </script> in the second line of your code.

Also to make that mod work everyone should upload jquery-1.3.2.min file into their forum root folder.
I've attached jquery-1.3.2.min.js file as the attachement below.

1. Download jquery-1.3.2.min.js and unpack it to the scrolltopcontrol folder, so you will have jquery-1.3.2.min.js and scrolltopcontrol.js in the same folder.
2. Upload jquery-1.3.2.min.js, scrolltopcontrol.js and up.png to your Forum root folder.
3. Copy corrected code seen below and paste it at the bottom of your headinclude template.

The code you should paste in the headinclude should look like:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js"></script>


Thanks to that, your Forum will use the file that is on the same server, than using external address like:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

and the mod will also work faster.

[Hostboard]

ChopSuey, very nice idea. It is really handy if you have big Forum and must scroll all the way down and up to search it. But for me there is mistake. You forgot to close the tag </script> in the second line of your code.

Also to make that mod work everyone should upload jquery-1.3.2.min file into their forum root folder.
I've attached jquery-1.3.2.min.js file as the attachement below.

1. Download jquery-1.3.2.min.js and unpack it to the scrolltopcontrol folder, so you will have jquery-1.3.2.min.js and scrolltopcontrol.js in the same folder.
2. Upload jquery-1.3.2.min.js, scrolltopcontrol.js and up.png to your Forum root folder.
3. Copy corrected code seen below and paste it at the bottom of your headinclude template.

The code you should paste in the headinclude should look like:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js"></script>


Thanks to that, your Forum will use the file that is on the same server, than using external address like:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

and the mod will also work faster.

https://vborg.vbsupport.ru/showpost.php?p=1906361&postcount=22 :rolleyes:

Also JavaScript files should be contained in your clientscript folder in order to maintain the same placement of files as VB's default convention. Thus the coders initial file should be copied there and the path edited accordingly.

[Trescom]

It's not the same.

Firstly, pointing:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js%22%3E%3C/"></script>
is pointless. And it shows exactly your forum path. Which imho is not too safe. (Correct me if i am wrong).
That's why i think pointing just the file:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
is much safer.

Secondly, if you open any tag (here it's <script type="...), you have to close it (</script>).
There is no closing script tag in ChopSuey's example in the second line, and there should be. Otherwise every template i've tried will crash.

[trotskid]

ChopSuey, very nice idea. It is really handy if you have big Forum and must scroll all the way down and up to search it. But for me there is mistake. You forgot to close the tag </script> in the second line of your code.

Also to make that mod work everyone should upload jquery-1.3.2.min file into their forum root folder.
I've attached jquery-1.3.2.min.js file as the attachement below.

1. Download jquery-1.3.2.min.js and unpack it to the scrolltopcontrol folder, so you will have jquery-1.3.2.min.js and scrolltopcontrol.js in the same folder.
2. Upload jquery-1.3.2.min.js, scrolltopcontrol.js and up.png to your Forum root folder.
3. Copy corrected code seen below and paste it at the bottom of your headinclude template.

The code you should paste in the headinclude should look like:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="scrolltopcontrol.js"></script>


Thanks to that, your Forum will use the file that is on the same server, than using external address like:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

and the mod will also work faster.

Thanks, now runs better (Opera for ex), but in FF with smooth scrolling or SmoothWheel (http://smoothwheel.mozdev.org/index.html) still slows down a little bit.

[Trescom]

You are welcome :)

It is strange that you have problems in FF. Did you check if there is no update for FF? The newest version is 3.5.3. I am using only FF and i have no problems with it.

Also, maybe try and reinstall FF.

For now none of my users complained about that mod :)

[trotskid]

Well, some users I asked think the same :rolleyes:. With K-Meleon (Firefox engine) for ex. runs very bad..

Have you try to use SmoothWeel for FF? It's smoother and sensitive. Maybe you'll notice with this.

PS: I use the latest version of FF.

[ChopSuey]

Anyways, i fixed it back. Seems Hostboard was wrong about fixing some dude's problem lol.

[Shaheen]

awesome dude

[ChopSuey]

Click install? xD

[Trescom]

ChopSuey, are you sure your code is correct?

If i paste your example:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js">
All my templates are crushing.
When i close the tag (on red):
<script type="text/javascript" src="scrolltopcontrol.js"></script>
Only than everything works fine.

trotskid i will try SmoothWeel today and let you know.

------------------------------------------
EDIT:

trotskid i've installed SmoothWeel add-on and for me this mod still works fine with it. I don't see any changes.
If the scrolling speed is too slow for you, you can always change it in scrolltopcontrol.js file. Edit that file and in the 11th line you will find:
setting: {startline:1000, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

Text i've selected on red is the speed you can play with. Maybe changing the speed will help a little bit. Just lower the number (default is 1000) and check it.

[ChopSuey]

Fixed and added more images.

[New Joe]

It doesn't work, it looks like it has a problem if you are running this mod: https://vborg.vbsupport.ru/showthread.php?t=217847
It doesn't show up and the vbMoods mod doesn't work right.

[ChopSuey]

Its supposed to work. You havent clicked install, and i use vmoods version 1.1.3.....

works fine.

[Shaheen]

Clickd Installed ;)

[ExplosiveGFX]

It's like the "top" link on vB.org, cept with javascript\jquery. Nice.

[New Joe]

Its supposed to work. You havent clicked install, and i use vmoods version 1.1.3.....

works fine.

I just tried again and it still doesn't work:confused:

[ChopSuey]

I just tried again and it still doesn't work:confused:

May i have a link to your forum? I can fix this for you :)

[0lly]

How kind of you to credit the original creator :)

/sarcasm

http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

[Hostboard]

is pointless. And it shows exactly your forum path. Which imho is not too safe. (Correct me if i am wrong).


Mouse over an image right click, properties and I know the file structure. Look in the nav bar and the forums root directory will be shown. Unless you have completly changed the directory structure of the install and can block users right click, view source, etc. I do not think there really is a point though I understand your concern and wish there was a real way to actualy block ppl from knowing.

As for my "fix" it works as I tested it on 2 sites. Maybe just did not explain myself properly :p

Regardless nice little mod :)

[MikalMirkas]

If I wanted to edit this so that the UP.png would float 20px above the screen, what would I do?
Right now, it's conflicting with my Chat plugin, and hides behind it.

[ChopSuey]

If you don't like the mod, don't reply saying you don't like it!
Maybe try put the code into the bottom of your header template. Thats where mine is at.
What chat you using?

[trotskid]

If the scrolling speed is too slow for you, you can always change it in scrolltopcontrol.js file. Edit that file and in the 11th line you will find:
setting: {startline:1000, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

Text i've selected on red is the speed you can play with. Maybe changing the speed will help a little bit. Just lower the number (default is 1000) and check it.

At the moment the users of my site they don't complain so it's fine, but still I notice slow down with smoothwheel (not the function of the addon, this one runs pretty well, but the scroll with entire page..).

By the way, I've make a buton less showy and with transparency.

To use it replace new buton and find in scrolltopcontrol.js:

'<img src="up.png" style="width:48px; height:48px" />',


Replace:

'<img src="up.png" style="width:60px; height:15px" />',


greets

[ChopSuey]

Very nice dude, thanks for that.

[Paul M]

Moved to GY.

Sorry, but this is taken from the dynamicdrive.com site, and thier terms cleary state ;

Users may NOT, however, redistribute or repost/ resell for download any DHTML script found on Dynamic Drive. Redistribution is defined as re-offering our scripts for download in any fashion, whether on a competing web site, an application that generates code snippets, or a CD-ROM collection of CSS/JavaScript codes etc. Some examples of what is acceptable and what is not are:

See http://dynamicdrive.com/notice.htm