• Page 1 of 1
  • 1
Forum moderator: bigblog  
"Scroll Up" button with smooth scrolling for UCOZ
AdminDan
Posts: 46
Reputation: 5

Message # 1 | 5:20 PM


Description: This script will add to your site "Up" button, which will be displayed in the lower right corner. When you scroll the page down button appears smooth, rolling up - disappears. Button when in an idle state, has a semi-transparent state when the mouse arrow tip transparency disappears, giving a beautiful, modern style to your site, whether it be CMS content management system, or any HTML page.

For the button on your site paste the below code at the Bottom part or Site Pages:

Code
<script>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()<="1000"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function(){$("#toTo_button").scrollToTop();});
</script>
<style>
#toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom:10px;right:12px;cursor:pointer;color:#666;text-decoration:none; }
#ups a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
#ups a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>
<div id="ups">
<a href="/" id="toTo_button"><img src="http://full4dl.ucoz.com/Support/ups.png" alt="" /></a>
</div>


NOTE : You can change the image for scroll with whatever you want.

Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com
Post edited by AdminDan - Wednesday, 2013-03-20, 5:21 PM
Guma
Posts: 7
Reputation: 0

Message # 2 | 2:34 PM
Hey, it's a quite nice little addition!

Thanks a lot.

http://pebblegames.ucoz.com/
Join us!
We are a growing indie community, help us expand
and register
AdminDan
Posts: 46
Reputation: 5

Message # 3 | 8:36 AM
Guma, You welcome dear .
Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com
shaun4420
Posts: 1
Reputation: 0

Message # 4 | 10:29 AM
it worked thank you biggrin cool
cheakout my website newsNscience.ucoz.com
Attachments: 9648387.jpg (116.4 Kb)
Post edited by shaun4420 - Friday, 2014-10-03, 10:39 AM
Xayaan
Posts: 558
Reputation: 13

Message # 5 | 11:22 AM
shaun4420, Please do not advertise your website in the posts. If you do wish to advertise your uCoz website, Advertise here.
My Skype : xayan123 | My Twitter : @Officialxayaan
uID : - Zayaan Ibrahim | Need a professional design? Check out my Portfolio
  • Page 1 of 1
  • 1
Search: