Neden 2 tane slider atlıyor?
Hazır bir slider buldum ve istediğim hale getirdim ama 2 tane slider atlıyor. Bir saat akdar uğraşmama rağmen çözemedim yardıme derseniz sevinirim. Codepen.io
Genişliği 100% yapınca sıkıntısız ama 1088px civarlarında olması lazım.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Merhaba. Kodunuzdaki scrollRight()
fonksiyonunuzdaki else
bloğunda yer alan kaydırma işlemi şu şekilde:
slider.scrollBy({
left: window.innerWidth, // soldan ekran genişliği kadar kaydır.
behavior: "smooth" // yumuşak bir şekilde kaydır.
});
Slider'i hazır bulduğunuzu yazmışsınız. Muhtemelen slider tam ekran olacak şekilde düşünülerek kodlanmış ve "soldan ekran genişliği kadar kaydır" komutu verilmiş. Siz bunu "soldan slider genişliği kadar kaydır" olarak değiştirmelisiniz.
Yani bu kısmı şu şekilde değiştirmelisiniz:
slider.scrollBy({
left: slider.offsetWidth, // soldan slider genişliği kadar kaydır.
behavior: "smooth" // yumuşak bir şekilde kaydır.
});