Postingan lainnya

jara scroll balik ke atas saat buat web portofolio

maaf mau tanya min,logika pembuatan javascript saat kita mengklick menu setelah scroll ke bawah,lalu kita ingin dia bisa scroll balik ke atas bagaimana yaa...?

<script>
var posY=0;
var jarak=20;
function smoothScroll(id){

  var target=document.getElementById(id).offsetTop;
  var scrollAnimate=setTimeout(function(){smoothScroll(id)},5);

  posY=posY + jarak;

  if(posY >= target){
    clearTimeout(scrollAnimate);
    posY = 0;
  }else{
    window.scroll(0,posY);
  }
  return false;
}

</script>

script d atas hanya berfungsi scroll ke bawah,namun tidak bisa scroll balik ke atas,ada yang bisa membantu..?

javascript

@fadhil sanad

270 Kontribusi 16 Poin

Diperbarui 8 tahun yang lalu

3 Jawaban:

untuk scroll ke atas bisa kode ini

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

itu asumsinya klik a tag yang hrefnya #top

@immeng

10 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

apa itu tidak kita bungkus ke function gan..???

@fadhil sanad

270 Kontribusi 16 Poin

Dipost 8 tahun yang lalu

itu contohnya , implementasi tergantung kode masing2, bebas mau taro difungsi atau dimana aja

@paulpogba

10 Kontribusi 17 Poin

Dipost 8 tahun yang lalu