پشتیبانی اسکرول بالابر انجمن

  • شروع کننده موضوع amin
  • تاریخ شروع

amin

کاربر
#1
سلام . یه سوال داشتم این اسکرولی که الان رو انجمنتون هست با کد گذاشتین و یا افزونه ای داره ممنون میشم توضیح بدین چطور باید تو انجمن بذاریم .
 

amin

کاربر
#3
ممنون افزونه ی خوبیه ولی تمام تیک هاش کار میکنه جز back to top تیکشوزدم ولی هنوز اسکرولشو نیومده
 

H4M3D

مدیر کل
#5
اگه کار نکرد بازم تو قالب ها footer این کد رو بزار
Code
<!--Back To Top-->
<a class="show" href="#" id="back-to-top" title="Back to top">↑</a>
<script>
if ($('#back-to-top').length) {
    var scrollTrigger = 100, // px
        backToTop = function () {
            var scrollTop = $(window).scrollTop();
            if (scrollTop > scrollTrigger) {
                $('#back-to-top').addClass('show');
            } else {
                $('#back-to-top').removeClass('show');
            }
        };
    backToTop();
    $(window).on('scroll', function () {
        backToTop();
    });
    $('#back-to-top').on('click', function (e) {
        e.preventDefault();
        $('html,body').animate({
            scrollTop: 0
        }, 700);
    });
}
</script>
<!--Back To Top-->
تو footer.css این کد رو
Code
/*BACK TO TOP*/
#back-to-top {
    position: fixed;
    bottom: 60px;
    right: 25px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    border: 1px solid #D7D5D5;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}
 
لایک ها amin

ir4mt

کاربر
#9
برید به مرکز مدیریت زنفرو > برگه تنظیمات استایل و زبان> و فایل EXTRA.css رو پیدا کنید.
* توجه کنید که EXTRA.css در " قطعات سفارشی استایل: [نام قالب شما] " باشه. یعنی فایل EXTRA.css قالبی که ازمیخوایید باهاش کارکنید. معمولا این رو رعایت نمیکنید و تغییرات رو نمیبینید!

حالا به آخر کدهای این EXTRA.css این کدهارو اضافه کنید و ذخیره ، ببینید تغییری میکنه !

Code
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer!important;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    background: rgb(226, 46, 49);
}

::-webkit-scrollbar-thumb:hover {
       background: rgb(152, 31, 33);
}
 
#10
برید به مرکز مدیریت زنفرو > برگه تنظیمات استایل و زبان> و فایل EXTRA.css رو پیدا کنید.
* توجه کنید که EXTRA.css در " قطعات سفارشی استایل: [نام قالب شما] " باشه. یعنی فایل EXTRA.css قالبی که ازمیخوایید باهاش کارکنید. معمولا این رو رعایت نمیکنید و تغییرات رو نمیبینید!

حالا به آخر کدهای این EXTRA.css این کدهارو اضافه کنید و ذخیره ، ببینید تغییری میکنه !
هیچ تغییری ایجاد نشد
 

H4M3D

مدیر کل
#11
درست انجام نمیدین یا اینکهکدهاشو تو یه استایل دیگه قرار میدین