1

بابه‌ت: ئەم گرفتە چۆن چارەسەرکەم؟

دووگمەی چوونە سەرەوەم بۆ بلۆگ کەم داناوە بەلام تەنها لە کردنەوەی درێژەی بابەت دەردەکەوێت
بەستەر
http://garmyanit.blogspot.com/2018/01/ram.html

http://www.webchinupload.com/f/2018-02/93ed46d688c8b1d35db1bf06c1da424c.png

ئەمەکۆدەکەی

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
    $(document).on( 'scroll', function(){
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
    $('.smoothscroll-top').on('click', scrollToTop);
});
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>

2

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

لای من هەر دەرناکەوێت، بزانە کۆدەکە کێشەی هەیە...

3

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

دیار نییە گوڵم گەر خۆت لات بردووە پێمان بڵێ بۆ ئەوەی هاوكاریت بكەین.

ژیان تۆ پێ ده‌گه‌یه‌نێت نه‌ك خۆت!

4

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

ده‌توانی كۆدی css بو كلاسی smoothscroll-top لێره‌ دابنێی؟

من هه‌وڵ ناده‌م باشترین بم..هه‌وڵ ئه‌ده‌م باشتربم له‌ خۆم.

5

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

چارەسەرم کرد سوپاس هاورێیان

6

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

garmyani نووسی:

چارەسەرم کرد سوپاس هاورێیان

ئه‌گه‌ر چۆنيه‌تى چاككردنى روون بكه‌يته‌وه‌ خراپ نييه‌

هیچ شتێك ئه‌وه‌نده‌ باش نییه‌ نه‌توانرێت باشتر بكرێت (ئاسۆ نادرى).
Aso Nadri

7

وه‌ڵام: ئەم گرفتە چۆن چارەسەرکەم؟

world نووسی:
garmyani نووسی:

چارەسەرم کرد سوپاس هاورێیان

ئه‌گه‌ر چۆنيه‌تى چاككردنى روون بكه‌يته‌وه‌ خراپ نييه‌

$(window).scroll(function() {
    var height = $(window).scrollTop();
    if (height > 100) {
        $('#back2Top').fadeIn();
    } else {
        $('#back2Top').fadeOut();
    }
});
$(document).ready(function() {
    $("#back2Top").click(function(event) {
        event.preventDefault();
        $("html, body").animate({ scrollTop: 0 }, "slow");
        return false;
    });

});