Scrollbar İstek

[mehmetext]

Arkadaşlar Bildiğiniz Güzel Scrollbar Varmı ?
Temaya Lazımda.
Şimdiden Teşekkürler. Ben Birkaç Tane Buldum Ama İnerken Direkt İniyor.
Benim İstediğim İnerken Yumuşak İnmesi..

[Dream41]

transition kullana bilirsin ozamann yumuşak iner

[mehmetext]

nasıl olacak ?

[Dream41]

Bu kodunu kendine göre düzenleyip gerekli yere ekliyebilirsin

Kod: Tümünü Seç Tümünü Kopyala

::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #EEE;
    -webkit-transition: background .2s ease-in-out;
}

[mehmetext]

Olmadı.

Benim Dediğim Sayfa Yukarıya Yumuşak Çıkacak Bir anda çıkmayacak. bi sayfada görmüştüm bidaha görürsem atarım.

[Dream41]

BKZ

Kod: Tümünü Seç Tümünü Kopyala

http://jsfiddle.net/DerekL/t5r4r/

[mehmetext]

Hiç bir farklılık yok.
transition u çıkarıp dene istersen.

[EmSaLSiZ]

Ne tür bir scroolbar istiyorsun? Örnek verirmisiniz.

[mehmetext]

Normal Scrollbar Değişik Değil Ama Sayfayı Aşağı İndirirken Direkt İnmeyecek Sayfa Yumuşak İnecek.

[EmSaLSiZ]

Kod: Tümünü Seç Tümünü Kopyala

http://opereysin.com/yaz-bi-yere/1112-smooth-scroll-sayfalariniz-yumusak-kaysin/

Şu konuya bir bakabilirmisiniz.

[mehmetext]

İndirme Kısmı Yok.

[EmSaLSiZ]

Kod: Tümünü Seç Tümünü Kopyala

https://plugins.jquery.com/smooth-scroll/

Burada sürüm sürüm var. Smooth scroll

[mehmetext]

O Sitelerden İndirmek İstemiyorum. Demo Falan Yok.

[EmSaLSiZ]

İstediğiniz şeyin adı Smoot Scroll olarak geçiyor. İnternette bir kaç araştırma yapın ''Smooth Scroll'' diye belki bulabilirsiniz.

[Dream41]

Admin kp>Temalar Şablonlar >Şablonlar>Kullandığın Tema >headerinclude

En alta ekle

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript">
jQuery(document).ready(function(jQ){
    appear();
    
    jQ(window).scroll(function(){
        appear();
    });
                      
    function appear() {
        if (jQ(this).scrollTop() > 200) {
            jQ('#scroll_up').fadeIn('slow');
        } else {
            jQ('#scroll_up').fadeOut('slow');
        }
        if (jQ(this).scrollTop() < (jQ('body').height() - (200+jQ(window).height()))) {
            jQ('#scroll_dn').fadeIn('slow');
        } else {
            jQ('#scroll_dn').fadeOut('slow');
        }
    };
    
    jQ('#scroll_up').click(function(){
        jQ('body').stop().animate({scrollTop: 0}, 600);
    });
    jQ('#scroll_dn').click(function(){
        jQ('body').stop().animate({scrollTop: jQ('body').height()}, 600);
    });
});
</script>

Admin kp>Temalar Şablonlar >Şablonlar>Kullandığın Tema >Footer benim önerim en üst

Kod: Tümünü Seç Tümünü Kopyala

<span id='scroll_up'></span><span id='scroll_dn'></span>

bu global.css en alt

Kod: Tümünü Seç Tümünü Kopyala

#scroll_up, #scroll_dn {
  position: fixed;
  right: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: none;
  z-index: 999;
  background:  #fff url(http://i.hizliresim.com/a3z4y5.png) center no-repeat;
}
#scroll_up {
    bottom: 50px;
}
#scroll_dn {
    bottom: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[mehmetext]

Yok Bu Değil.