(حصريا) كود الرجوع إلى اعلى الصفحة

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



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

لا اطول عليكم

الكود :

الرمز:
الرمز:

<div
id="backtotop"> <img 
src="https://i.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);
  });
});

معلومة : كود الـ Html يوضع في اي مكان يوجد في جميع الصفحات مثل الاعلانات الخاصة او العناصر المستقلة