Arkadaşlar tek sayfa kayan sitede örnek
http://siteadi.com/#hakkimizda
Menülere bastığımızda #hakkimizda adres çubuğunda oluşan kategori url adini nasıl gizleriz ?
Tek sayfa kayan site ile ilgili ?
1
●1.477
- 19-02-2015, 09:12:24Geçişleri jQuery ile yaparsan gizleyebilirsin.
jQuery fonksiyonu;
<script type="text/javascript"> function MenuScroll(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); } </script>Menu Örneği;
<ul class="Menu"> <li><a onClick="MenuScroll('HeaderBlok'); return false;" href="#">ANASAYFA</a></li> <li><a onClick="MenuScroll('HakkimizdaBlok'); return false;" href="#">HAKKIMIZDA</a></li> <li><a onClick="MenuScroll('IletisimBlok'); return false;" href="#">İLETİŞİM</a></li> </ul>Çağırılan div'ler;
<div id="HeaderBlok"></div> <div id="HakkimizdaBlok"></div> <div id="IletisimBlok"></div>
Bu şekilde sayfa içerisinde dolaşırken adres barında herhangi bir değişiklik olmaz.
Sayfaya jQuery dosyasını eklemeyi de unutma, yoksa fonksiyon çalışmaz.
