တေႁဵတ်းႁိုဝ်သႂ်ႇတုမ်ႇ ႁူၼ်လင် ၼႂ်းပလွၵ်ႉ(Back To Top)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMBcS5OKeXWT_bPQ6Ri6JJ_0EX3gb3ZWQfufoG4h-OpHvKCh8_H0ZNJspIlxISwgWflMUVaVb2aAp76PAa2EUtHItTpoIu61z5SabdqlzjTQ0RUhYBRh2CmLcjnt-6EoObfhmb-JaRber/s1600/Screenshot_25.png

မႂ်ႇသုင်ဢူၺ်းၵေႃႉၶဝ် ၸိူဝ်းၶဝ်ႈမႃးႁွတ်ႈထိုင် ဝႅင်ႉၸဝ်ႈသုၼႆႉတင်းသဵင်ႈ မိူဝ်ႈၼႆ ၸဝ်ႈတေမႃးၽၢၵ်ႇတွၼ်ႈပၼ်လၢႆးသႂ်ႇတုမ်ႇ ႁူၼ်လင်ၶိုၼ်း တီႈၼႂ်းပလွၵ်ႉႁဝ်းၼၼ်ႉဢေႃႈ။
႑။  ၶဝ်ႈၵႂႃႇၼႂ်း-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) တေႁဵတ်းႁိုဝ်သႂ်ႇတုမ်ႇ ႁူၼ်လင် ၼႂ်းပလွၵ်ႉ(Back To Top) Reviewed by ၸဝ်ႈသု(မိူင်းပၼ်ႇ) on November 15, 2016 Rating: 5

No comments:

Powered by Blogger.