INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul One Page Scroll Tanpa plugin di Grand Topaz Regency, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel CSS, Artikel JQUERY, Artikel OPINI, Artikel PEMROGRAMAN WEB, Artikel Tips dan Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : One Page Scroll Tanpa plugin di Grand Topaz Regency
link : One Page Scroll Tanpa plugin di Grand Topaz Regency

One Page Scroll Tanpa plugin di Grand Topaz Regency

One Page Scroll Tanpa plugin di Grand Topaz Regency, Hai guys, dah lama banget ga nongol di nih blog, karena kelamaan update jadi bengkak lagi deh alexa ranknya, kali ini apa yang ingin Gee bagi adalah one page scroll teknik namun kali ini ga perlu pakai plugin, nah contoh kasus salah satu webiste yang saya buat yaitu Grand Topaz Regency, situs ini merupakan situs real estate model namun bukan marketplace atau direktori property webiste, lebih ke personal atau developer.
Kali ini kita akan menggunakan fungsi dari jquery yaitu fungsi animate(),  sintaxnya cukup sederhana Cuma seperti ini (kalau mau coba kamu taruhnya sebelum tag </head> Jangan lupa kamu ambil dulu librari dari javascript framework yaitu jquery)

;

$(document).ready(function(){
 $('.produk').click(function() {
  $('li').removeClass('current');
  $('.produk').addClass('current');
   $('body,html').animate({scrollTop:530},400);
   return false;
  });
});

;

Penjelasannya kurang lebih seperti ini

$(document).ready(function(){
 $('nama classnya jika di klik’).click(function() {
  $('tombol aktivenya di hilangkan').removeClass('current');
  $('mengaktifkan tombol aktiv yang di klik).addClass('current');
   $('body,html').animate({scrollTop:jarak top ke bawah berapa pixel},waktu animasi berjalan);
   return false;
  });
});

Tapi ininya hanya di sintax ini :

$('body,html').animate({scrollTop:530},400);

Kalau belum jelas komentar aja di bawah ya biar enak balesnya....
Hari ini segini aja dulu ya besok kita coba share teknik yang lain

Sekianlah artikel One Page Scroll Tanpa plugin di Grand Topaz Regency kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel One Page Scroll Tanpa plugin di Grand Topaz Regency dengan alamat link https://ware-id.blogspot.com/2014/03/one-page-scroll-tanpa-plugin-di-grand.html