Mini Mods - [YUI] VSQ - Scroll To Top

Title: VSQ - Scroll To Top
Compatibility: 3.8.х - 4.0.х (ie, opera, firefox, chrome, safari)
Description: able to add a button at the bottom right of the screen by pressing which occurs smoothly move to top, with animation effect

Install:

1. Extract content of archive to forum folder.
2. At the bottom of the template headinclude add
   

   <script type="text/javascript" src="clientscript/yui/animation/animation-min.js"></script>
   <script type="text/javascript" src="clientscript/vsqscrolltotop.js"></script>

   If the script animation already exist, so don't include it.
3. Set the button style in a file (image, size, position, etc.).

DEMO:
http://mixplay.ru/test/forum.php

[Daniel_HBK]

Nice! , installed

[snakedevil]

Great Thanks

[lubbie]

Very Nice. Thanks

Seems there is an Error. After first time installation and restart of the forum its displayed also if u are on top of the page

Just found out that this Tab is displayed if u change from CMS -> Forum or Forum -> CMS etc...

[RobbieZ]

Excellent. Installed.

Where is the image coming from? Id like to do my own

[mad@Max]

In vsqscrolltotop.js

...
background = "url(http://mixplay.ru/images/up1.png) no-repeat scroll 0% 0% transparent";
...

[BlackJacket]

ok that is awesome! Tagged for later.

[Inflikted]

is there a way to get rid of the bouncing up top? and simply have it scroll to the top

[Jesh]

Originally Posted by Inflikted

is there a way to get rid of the bouncing up top? and simply have it scroll to the top

To remove the 'bounce', edit the .js file, find this line

var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env. ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 3.5, Y.Easing.bounceOut);

change Y.Easing.bounceOut to 0.

var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env. ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 3.5, 0);

[Jesh]

Also, to change speed, change the 3.5 to any number. Higher the slower.