HTML'de telefon görünümünde scroll çıkıyor

oynozan dedi:

CSS:Panoya kopyala

body {
 overflow-x: hidden;
}

Genişletmek için tıkla...

body::-webkit-scrollbar{
 display: none;
}
body{
 -ms-overflow-style: none;
 scrollbar-width: none;
}

Jeh0Ke dedi:

Yalnız belirtmeliyim bu kodu kullanırsanız bilgisayarda tekerlekle dahi aşağı yukarı yapamazsınız.
Şu kodu kullanabilrsiniz:

Genişletmek için tıkla...

Randoming321 dedi:

@oynozan hocam sadece scrool değil görünüm de bozuluyor nasıl düzeltirim onu.

Genişletmek için tıkla...

oynozan dedi:

Hayır aşağı yukarı yapabilir. X eksenindeki scroll'u hidden yaptım. Senin dediğinin olması için overflow: hidden; veya overflow-y: hidden; olması gerekiyor.


Hocam zaten aşağıda bahsettiğiniz gibi bir scrollbar çıkıyorsa sorun sitenizin responsive tasarımındadır. CSS'te Media query'lere bakın.

Genişletmek için tıkla...

Randoming321 dedi:

@Jeh0Ke hocam ama görüntü de bozuluyor ne yapmam lazım scrool u kaldirsam goruntu duzeler mi?

Genişletmek için tıkla...

Randoming321 dedi:

@Jeh0Ke alta işte scrool cikiyor
Sağ sola kayıyor tam bir ekrana sığmıyor.

Genişletmek için tıkla...