Smooth Scrool Nedir ?

Smooth Scroll, tasarladığınız internet sitenizin menülerine tıkladığı zaman sizi ilgili bölüme fare kullanmadan aşağı kaydırarak aktarma işlemini sağlayan Javascript kütüphanesidir.

Smooth Scroll Nasıl Kurulur ?

Öncelikle Smooth Scroll dosyalarını indirmeniz gerekir indirmek için tıklayınız.

İndirdiğiniz dosyanın dist klasöründe bulunan “smooth-scroll.js” ve ya “smooth-scroll.min.js” dosyasını kendi internet sitenizin altındaki gerekli klasöre aktarıp bunu site dosyanızda çağırmanız gerekir çağırma işlemi için,

<script src=”dizin/smooth-scroll.min.js”></script>

ve ya

<script src=”dizin/smooth-scroll.js”></script>

bunları yazdıktan sonra sitenizin en altına şu kodları yazarak Scrool Smooth’un kurulumunu başarılı bir şekilde sağlamış oluyorsunuz.

<script>

var scroll = new SmoothScroll(‘a[href*=”#”]’);

</script>

Smooth Scroll Nasıl Kullanılır ?

Öncelikle varsayalım ki üst menünüzde şöyle bir menü var,

<a data-scroll href=”#section_id”>Menü</a>

ve id’si “section_id” olan kodlarımızda şöyle olsun,

<div id=”section_id”>

Aydın Can Altun – Bir Developer Bloğu

</div>

yukarıdaki kurulum işlemlerini tamamladıktan sonra Sitenizdeki “Menü” linkine tıkladığınız zaman siteniz otomatik olarak id’si “section_id” olan sayfaya aşağı ve ya yukarı doğru kaydırarak sizi ulaştıracaktır.

 

Açıkcası Scrool Smooth, benim internet sitesi tasarlarken kullanması hoşuma giden bir Javascript kütüphanesi ve sizin de kullanmanızı öneririm.