တေႁဵတ်းႁိုဝ်သႂ်ႇတုမ်ႇ ႁူၼ်လင် ၼႂ်းပလွၵ်ႉ(Back To Top)
႑။ ၶဝ်ႈၵႂႃႇၼႂ်း-Blogger >> Dashboard >> Template >> Edit HTML
႒။ ၵူးဢဝ်ၶူတ်ႉ ၽၢႆႇတႂ်ႈၼႆႉသေ ၵႂႃႇပွႆႇသႂ်ႇၽၢႆႇၼိူဝ် ]]></b:skin> တူဝ်ၼႆႉ။
(မၢႆတွင်း-တႃႇေတႁႃႁၼ် ]]></b:skin> တူဝ်ၼႆႉၼၼ်ႉ တဵၵ်းၼႂ်းလွၵ်းၼၼ်ႉယဝ်ႉ တဵၵ်း Ctrl+F ယဝ်ႉၵူးဢၼ်ၼႆႉပွႆႇသႂ်ႇတဵၵ်း Enter ၼႆၵေႃႈတေႁၼ်ယဝ်ႉ။)
.back-to-top {
display:none;
position: fixed;
bottom: 2em;
right: 10px;
text-decoration: none;
color: rgb(207, 72, 94);
font-size: 12px;
padding: 1em;
}
.back-to-top:hover {
text-decoration:none;
color: rgba(207, 72, 94, 0.8);
}
႓။ ၵူးဢဝ်ၶူတ်ႉၽၢႆႇတႂ်ႈၼႆႉသေ ပွႆႇသႂ်ႇၽၢႆႇတႂ်ႈ <head> ဢၼ်ၼႆႉ။
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
႔။ ၵူးဢဝ်ၶူတ်ႉၽၢႆႇတႂ်ႈၼႆႉသေ ပွႆႇတမ်းဝႆႉၽၢႆႇၼိူဝ် </body> ဢၼ်ၼႆႉ။
<a href="#" class="back-to-top">Back to Top</a>
<script>
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>
႕။ ၵမ်းၼႆႉ တီႈဢၼ်ဝႃႈ Back to Top ၼၼ်ႉ သင်ၶႂ်ႈတႅမ်ႈလိၵ်ႈတႆးၵေႃႈတႅမ်ႈလႆႈယူႇ။ သင်ဝႃႈ ၶႂ်ႈသႂ်ႇႁၢင်ႈၼႆၵေႃႈလႆႈယူႇ လိူၵ်ႈၵူးဢဝ်ၶူတ်ႉတႂ်ႈၼႆႉသႂ်ႇတႅၼ်းတၢင် တီႈလႆႈယဝ်ႉ။
<img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxLjsRKOAJ0FvqMMnmkncTmsaDjk2vseYeCrrrldF7jTHWkqfpoY8DfBKaVnd3cGdI0N6WqVP0rjkRCv1JP_irqzUza7OMCsN0LWWkqnlt-JhE96sirpx_PEO-PVL2ieGxvSdU7fjF8Q2/s1600/BT%25282%2529.png" width="45"/></a>
တေႁဵတ်းႁိုဝ်သႂ်ႇတုမ်ႇ ႁူၼ်လင် ၼႂ်းပလွၵ်ႉ(Back To Top)
Reviewed by ၸဝ်ႈသု(မိူင်းပၼ်ႇ)
on
November 15, 2016
Rating:
Reviewed by ၸဝ်ႈသု(မိူင်းပၼ်ႇ)
on
November 15, 2016
Rating:
No comments: