ماشر برمجه خفيف للاعلى

مشاهدات الان

 البحث عن

 ]]></b:skin>

 فوقه

 .back-to-top { z-index:99999; position: fixed; bottom: 0.2em; right: 10px; background-color: transparent; font-size: 20px; padding: 0px 0px 0px 2px; display: none; border-radius: 30%; }

 .back-to-top:hover { background-color: transparent; margin-bottom: 8px; font-size: 20px; }

 .back-to-top i.fa.fa-arrow-up { color: #ff7211; padding: 4px 5px; border-radius: 50px; background-color: #222; font-size: 28px; border: 2px solid #fff; }

 .back-to-top i.fa.fa-arrow-up:hover { color: #fff; padding: 4px 5px; border-radius: 50px; background-color: #222; font-size: 30px; border: 2px solid #ff7211; }

 البحث عن

 </body>

 فوقه

 <a class=’back-to-top’ href=’#’><i class=’fa fa-arrow-up’></i></a>

 <script type=’text/javascript’>

 jQuery(document).ready(function() {

 var offset = 220;

 var duration = 500;

 jQuery(window).scroll(function() {

 if (jQuery(this).scrollTop() > offset) {

 jQuery(‘.back-to-top’).fadeIn(duration);

 } else {

 jQuery(‘.back-to-top’).fadeOut(duration);

 }

 });

 jQuery(‘.back-to-top’).click(function(event) {

 event.preventDefault();

 jQuery(‘html, body’).animate({scrollTop: 0}, duration);

 return false;

 })

 });

 </script>

وسلامتكم