I HAVE DEVELOPED A SMALL CODE -
CREATE COMMON/IMAGES FOLDER ON ROOT, ADD IMAGES THERE
AND PASTE CODE IN FOOTER.PHP OF THEME:
---------
<!--move up down -->
<script type="text/javascript">
$(document).ready(function(){
$('#gotop').click(function(){
$('html, body').animate({ scrollTop: 0 }, 'slow');
});
});
</script>
<div style="z-index:10;top:50%;right:2px;position: fixed;">
<img id="gotop" style="cursor:pointer" border="0" src="<?php echo osc_base_url();?>common/images/upred.png" title="Move upward" width="28" height="28"><br/>
<img style="cursor:pointer" onclick="window.scrollBy(0,30);" border="0" src="<?php echo osc_base_url();?>common/images/downred.png" title="Move slightly downward" width="28" height="28"></div>