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.