Tıklandığında <div> e giden link

181019 · 19 Kasım 2021

Merhabalar,
Mesela ben bir iletişim formu oluşturdum ve bu sayfanın en altlarında olsun. En üstte de position: Fixed; bir menu container ı olsun ve butonda "İletişim" yazdığını farzedelim. Ben buna tıkladığımda sayfanın altında bulunan iletişim formuna gitmek istiyorum. Nasıl yapabilirim?

Ecmel · 19 Kasım 2021

İletişim formunun divine id ver mesela "iletisim" diye. Yukardaki menude de oraya gitmek için bir a tagı oluştur ve href olarak "#iletisim" ver. İstediğin şeyi yapmış olursun.

İstersen JS ile animasyonlu bir şekilde gitmesini de sağlayabilirsin.

enesxq · 19 Kasım 2021

Hocam div'in idsi ile animate kullanarak scrollu oraya gönderebilirsin istediğin hızda,

ornek kod; butona basıldığında o dive gider
[CODE lang="javascript" title="Js"]<script type="text/javascript">
$(document).ready(function(){
$('#butonidsi').click(function()
{
$("#divid").animate({ scrollTop: $("#divid").attr("scrollHeight") }, 1500);
});
});
</script>[/CODE]

Berkay Davas · 23 Kasım 2021

Kullanmak istediğin kavram "Anchor Link". Bu şekilde araştırabilirsin.

504434 · 29 Kasım 2021

Arkadaşlar jQuery ya da VanillaJS ile soylemis ama olay duz HTML vs CSS ile kolayca halledilebilir.

[CODE lang="html" title="index"]
<div id="about">

</div>


<a href="#about">Hakkimda</>


<style>
html {
scroll-behavior: smooth;
}
</style>[/CODE]

enesxq · 29 Kasım 2021

504434 dedi:
Arkadaşlar jquery ya da vanillajs ile soylemis ama olay duz HTML vs CSS ile kolayca halledilebilir.

[CODE lang="html" title="index"]
<div id="about">

</div>


<a href="#about">Hakkimda</>


<style>
html {
scroll-behavior: smooth;
}
</style>[/CODE]

Öyle de olur.

Tıklandığında <div> e giden link

Ayrıntılı düzenleme

181019

Decapat

Ecmel

Kilopat

enesxq

Decipat

Berkay Davas

Megapat

504434

Picopat

enesxq

Decipat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz