scroll to top الصعود لاعلى الصفحة

scroll to top الصعود لاعلى الصفحة

scroll to top page
طريقة عمل الرجوع -الصعود – الى اعلى الصفحة باستخدام بعض اكواد جيكويري بأسلوب مبسط جدا ليمكن الزائر بلتعامل مع موقعك او مدونتك بكل سهولة وان المبدأ هو توفير سهولة التنقل بين اقسام الموقع احد الاشياء التي تجعل الزائر اكبر قدر ممكن في موقعك وهذا ما يسعى الية مصممي المواقع

Download Now
 

Scroll to top - Arabic HTML

.......... Any paragraph ........... .......... Any paragraph ........... .......... Any paragraph ...........

Top
  html,body{
	background: #f2e0bd;
	text-align: right;
}
.page{
	max-width: 960px;
	margin: 0 auto;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
}

h1{
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
	padding: 20px;
	margin: 10px 0;
	color: #594c4c;
	text-align: center;
}

p{
	color: #8c786c;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #bfaa8f;
}

p:last-child{
	border-bottom: none;
}

a{
	text-decoration: none;
	background: #1d1626;
	padding: 10px 25px;
	color: #f2e0bd;
}

a:hover{
	color: #1d1626;
	background: #bfaa8f;
}

a.top2{
	position: fixed;
	bottom: 5px;
	right: 5px;
	display: none;
}
	    $(function(){
    	   $('.top1').click(function(){
    	   $('html,body').animate({scrollTop:0},800);
           return false;
    	    });
    	});
  • jQuery
  • arabic jquery