#HTML
edit: çözüldü.
"window.scrollBy(0,600)" kodu ile 600px -y yörüngesinde sayfayı scroll yapabiliyormuşuz.
Bir sitede fotoğrafa tıkladığımda bir altta fotoğrafın daha büyük hali açılıyor.
İlk fotoğraf fotoğrafı büyüten, ikincisi ise fotoğrafa tıklama kodu..
Ben istiyorum ki fotoğrafa tıkladığımda büyük açılan haline sayfa scroll olsun.
// window.scrollTo(0,-300);
// window.scrollTo({ top: 999, behavior: 'smooth' })
Bu iki kodu denedim fakat olmuyor. Bunu en basit nasıl hallederim? sayfanın üstüne çıkarabiliyorum ama aşağı scroll olmuyor 😀
İlk kodda - yazmak işe yaramıyor, İkinci kodda sadece "top" özelliği var, down falan yok.
bir örnek site atabilir misin, belki Fancybox gibi bir eklenti kurman gerekebilir.
Şu an örnek atamam lakin direkt kodu yok mu ya down scroll şeklinde? O kadar js js deniyor bu muymuş js..
indow.scrollTo(0,-300); 300px yukarı kaydırıyor mesela. Bunu -300 yapamıyor muyum?
Çok anlamam ama bu tek sayfa sitelerde kullanılan yöntem işe yaramaz mı?
Şunda mesela about, work vs gibi tıkladığında #about diye eklenmiş yere kayıyor
https://demos.onepagelove.com/html/yebo/
O href olayı. Yani öyle yapılabilir ama scroll olmuş olmuyor öyle direkt oraya atar.
@agab CSS ile smooth scroll yapabilirsiniz https://www.w3schools.com/howto/howto_css_smooth_scroll.asp#section1
@144p Buna baktım da üstteki ilk ss içindeki script içine atılmıyor error veriyor.
kodu screenshot atmak yerine codepen.io yada jsfiddle.net vs.. bir yerden paylasirsan sanirim daha rahat anlasilir ver yardimci oluruz..
1000 satırdan fazla kod var o yüzden gerekli kısmı not aldım sadece, ama ekran görüntüsündeki kodu diyorsanız atayım onu da birazdan
soyle bir sey uydurdum istedigin boyle bir seymi https://codepen.io/fallenfox/pen/yLbgqdy
Bu da efektif, ama daha kolayını buldum şimdi
"window.scrollBy(0,600")" kodu ile 600px aşağı kaydırıyorum sayfayı ve otomatik fotoğrafın büyük açıldığı kısıma scroll yapıyor sayfayı.
@agab fotografin her zaman 600px asagida olacagindan emin misin ???
@fallenfox Aslında çok yanlış bu kullanımım evet, dolayısıyla sorunuz için hayır tabii, ama bu site için sorun olmaz.
Şöyle bir şey yapabilirsiniz;
Eğer açılmasını istediğiniz resmi bir eleman içerisine alıp, click işleminde önce scroll yapmak istediğiniz elemanın Y pozisyonunu hesaplatıp bir değişken içerisine aktarıp ilgili alana scroll yaptırabilirsiniz, bu şekilde responsive olduğunda dahi problem olmayacaktır.