v2.5.2
Giriş yap

Height Scrolla Göre Küçülme Sorunu

frexx
207 defa görüntülendi

Merhaba, scroll u en dibe çekince cssle eklenen resimlerin height i küçülüyor. Bu bu resmin heightinin hep sabit kalmasını istiyorum. Küçülmesini istemiyorum. Bunu nasıl çözebiliriz ?

Yardımlarınızı bekliyorum.

Sorunu daha detaylı görmek için youtubeye video yükledim, youtube bağlantısı bırakıyorum.

YOUTUBE VİDEOSU

Cevap yaz
Cevaplar (5)
frexx
256 gün önce

@ebykdrms, merhaba. Yine aynı sorun ile karşılaşmaktayım. Bunun için bir çok yöntem denedim ama ne yazikki olmadı. Heightin boyu auto olduğu için body de fazla alan olmadığı için büyük ekranlarda küçülmek zorunda kalıyor. Eğer heighti sabit tutarsam ekranlara göre konumlandırma otomatik ölçülemez yani oto yükseklik küçülüp büyüyemez. Bunun için javascriptle ekranlara göre bir height belirleyip ölçütlendirme yapmam gerek.

Örnek bir çalışmam vardı önceden bunun için.

JS,
if(window.matchMedia('(max-height:500px)').matches){
console.log(true);
csselement.style.height = "500px";

}

Örnek olarak.

frexx
256 gün önce

@ebykdrms, merhaba. Yine aynı sorun ile karşılaşmaktayım. Bunun için bir çok yöntem denedim ama ne yazikki olmadı. Heightin boyu auto olduğu için body de fazla alan olmadığı için büyük ekranlarda küçülmek zorunda kalıyor. Eğer heighti sabit tutarsam ekranlara göre konumlandırma otomatik ölçülemez yani oto yükseklik küçülüp büyüyemez. Bunun için javascriptle ekranlara göre bir height belirleyip ölçütlendirme yapmam gerek.

Örnek bir çalışmam vardı önceden bunun için.

JS,
if(window.matchMedia('(max-height:500px)').matches){
console.log(true);
csselement.style.height = "500px";

}

Örnek olarak.

ebykdrms
256 gün önce

O zaman daha sert tedbirler alalım :)

background-size: 100vw auto;
background-position: top center;
frexx
257 gün önce

@ebykdrms, hocam yine aynı.

ebykdrms
257 gün önce
background-size: cover;

yerine

background-size: 100% auto;
background-position: top center;

verilebilir.