Google - Yandex form input kodu
Merhabalar,
Google veya Yandex mobil'de form arama kutucuğuna tıklandığında başka bir sayfanın açıldığı, en üstte arama yazıldığı ve allta ise arama önerileri çıktığı gözüküyor. Ancak benim aslında burada veritabaanı mysql ile'de işim yok. Benim buradaki amacım sadece tıklandığında sadece google ve yandexdeki gibi arama yazma yerine gelmesini istiyorum. Zaten bunu başarırsam css ile harikalar yaratıcam. Ancak bir türlü çözemedim. @tayfurerbilen hocamın da aslında bu dersi çekmesini çok isterim. Alışveriş siteleri ve benzeri sitelerde artık kullanılması sade şık ve kafa karışıklığını gideriyor kısacası. Prototürk kullanıcılardan yardım istiyorum. Biraz ayrıntılı ve örnek kodlama atarsanız gerçeten çok sevinirim. Anlamadıysanız kendiniz mobilde deneyimleyebilir ve dediğimi anlayabilirsiniz. Yeniden teşekkürler.
İyi kodlamalar :)
<input type="text" name="ara" id="ara" />
<script>
$("#ara").focus(function(){
$("html, body").animate({
scrollTop:320
},600);
});
</script>
jquery kütüphanesini dahil etmeyi unutmayın.
kısaca focus kullanılarak yapılabiliyor. Ben arama kutusu focus olduğunda animasyonlu bir sekilde yukarıya kaydırıyorum sadece, amacım kutuya yazmaya başlanınca uzayan verinin görülebilir olmasını kılmak.
şuradan test edebilirsin.
https://kitapbu.net