لسلام عليكم ورحمة الله تعالى وبركاته



والمعاينة موجود في المنتدى نفسو !

لا اطول عليكم

الكود :

الكود:

<div
id="backtotop"> <img 
src="http://i32.servimg.com/u/f32/17/42/09/54/upoooo11.png"  alt="Back
to Top"/></div>

<style>
#backtotop {
    bottom: 30px;    color: #FFFFFF;    cursor: pointer;    display: none;    font-size: 14px;
    opacity: 0.6;    padding: 1px;     position: fixed;    text-align: center;    z-index: 900;
    right: 5px;   }
#backtotop:hover {
  opacity  : 0.9;}
</style>

الكود:

$(function() {
  $(window).scroll(function() {
      if($(this).scrollTop() != 0) {
        $('#backtotop').fadeIn();
      } else {
        $('#backtotop').fadeOut();
      }
  });
 
  $('#backtotop').click(function() {
      $('body,html').animate({scrollTop:0},800);
  });
});

موضوع رائع بوركت