Bootstrap ile Tek Sayfa Kaydırma (Scrolling) Sitesi Yapma

Bu makalede duyarlı (responsive) şekilde çalışan Jquery tabanlı, tek sayfalık kaydırma efektli bir site yapmaya çalışacağız.

Tek sayfa kaydırma web sitesi, navigasyonda ki menülere tıklayınca sağda ki scroll çubuğunun sayfada ki ilgili bölüme (section) a kaydığını, 

sağ tarafta ki scroll çubuğunu aşağı veya yukarı kaydırdığımızda da navigasyon çubuğunda ki ilgili menünün renk değiştirerek aktifleştiğini gördüğümüz scrolling bir yapıdan oluşmaktadır.

İzleyicilerin dikkatini çekmek  ve uzun içerikli sayfalar için oluşturulmuş güzel bir özelliğe sahiptir.

Bu konuda daha önce yayınladığım;

1- StickUp JQuery Eklenti Uygulaması

2- Bootstrapta ScrollSpy Uygulaması   

makalelerine göz atarsanız konu ile ilgili daha detaylı bilgi elde edebilirsiniz.

Kaynak Kodları: İNDİR

Makalenin görsel olarak anlatımını aşağıda ki videodan veya youtube sayfamdan izleyebilirsiniz.