Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၁၆၇၊ဘေလာ့မွာ"Scroll to Top" button အသစ္ေလးထားခ်င္ရင္


ဒီေန႕တင္တဲ့ Post ေလး ကေတာ့အသစ္လို႔ေျပာရင္လည္းရပါတယ္၊ ဘာလဲဆိုရင္ Scroll to Top button
ေလးပါ၊ ေအာက္မွအေပၚသို႕တက္တဲ့ Code ေလးပါ။ ဘေလာ့တိုင္းမွာေတာ့သံုးထားတာကိုေတာ့ေတြ႕
ရပါတယ္၊ ဒါေပမယ့္ အခုတင္တာေလးကေတာ့အေဟာင္းေတြနဲ႕ေတာ့မတူပါဘူး၊က်ေနာ္ေအာက္ကျပထား
တဲ့ပံုေလးအတိုင္းေပၚလာမွာပါ၊ဒါေပမယ့္ပံုကေအာက္ေရာက္မွေပၚမွာပါ၊အေပၚေရာက္ရင္ Auto ေပ်ာက္သြား
တယ္သူမ်ားနဲ႕မတူ ေအာင္ သံုးခ်င္တဲ့မိတ္ေဆြေတြအတြက္ပါ၊ၾကိဳက္ၾကမယ္လို႕ေတာ့ထင္တာဘဲ၊ေအာက္မွာ
Code နဲ႕တကြထည့္ နည္းေလး။ အခုအားလံုးနမူနာၾကည့္လို႕ရေအာင္က်ေနာ္သံုးျပထားပါတယ္၊
အဆင္မေျပရင္လည္းအေၾကာင္းၾကားေပးပါ။။။။။ေအာက္ပံု


                                                                     
၁။Dashboard

၂။Layout

၃။Edit Html

ေအာက္က Code ကိုရွာပါ၊Ctrl+F ရွာပါ
]]></b:skin>
ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
ေအာက္က Code ကိုထပ္ရွာပါ။
</body>
ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<a href="#" id="toTop">^  အေပၚသို႕</a>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
/*-----------------------
* jQuery Plugin: Scroll to Top
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com)
* Bring to you by Zen from http://zenplate.blogspot.com
* Copyright (c) 2009 Ph.Creative Ltd.
* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling.
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx
* Do not delete these infomation
* Version: 1.0, 12/03/2009
-----------------------*/

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});

$(function() {
$("#toTop").scrollToTop();
});
</script>
၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Reactions:

1 comments:

Excellent post and writing style. Bookmarked.

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။