Smooth scroll ile sayfanın istenen yerine scroll yapmak

Tek sayfadan oluşan ve sitenin ana menüsündeki linklere tıklandığında o bölümün bulunduğu yere scroll yapan web sitelerini artık sıkça görüyorsunuz.

Bu tarz sayfalar kullanıcıya farklı bir deneyim sunmalasının yanında, iyi uygulandığı takdirde gayet tatlı bir görünüme de sahip olabiliyor.

Sayfanızı hazırlarken ilk yapmanız gereken tabiki sayfa bölümlerinizi sayfada alt alta sıralamak ve menünüzü de bir yerlere yerleştirmek.

Bunu yaptıktan sonra aşağıdaki kodu kullanarak menüdeki linklere tıklandığında, sayfanın istediğiniz bölümlerinden birine scroll yapmasını sağlayabilirsiniz. Tek yapmanız gereken bölüme bir id vermek ve menüdeki linkinize de bu id’yi yazmak olacak.

Bahçeşehir Üniversitesi İletişim Fakültesi Reklamcılık Bölümü mezunu… Web tasarım, front-end geliştirme ve WordPress tema geliştirme ile uğraşmaktadır.
Etiketler:

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.