O'tkazish uchun hech narsa yo'q bo'lganda, Chrome brauzeridagi ilova oynalari

Kichkina portfelli veb-sahifa uchun bu shablonini ishlataman. Muammo shundaki, veb-sayt Chrome'da ochilganda, scrollbar har doim asosiy sahifada quyida ko'rsatilgandek ko'rinadi:

Screenshot

Bu "Firefox", "Edge" va "IE" da bo'lmaydi. Bu yerda shablonning demosiga havola va bu erda CSS bilan jsfiddle. Har ikkisi ham Chrome foydalanilganda keraksiz o'tkazish oynasini ko'rsatadi. HTML fayliga quyidagi satrni qo'shishga harakat qildim, ammo yordam bermadi:

.content {
overflow: hidden;
}

Umid qilamanki, bu erda menga kimdir yordam berishi mumkin. Rahmat!


Tartibga solish: Muammo bu yerda, ammo uni tuzatishning yo'lini topolmayman.

#wrapper {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        position: relative;
        min-height: 100vh;
        width: 100%;
        padding: 4rem 2rem;
        z-index: 3;
    }

        #wrapper:before {
            content: '';
            display: block;
        }
0
Bu erda yo'qolganman. Kimdir biror narsani taklif qila olishi mumkinmi?
qo'shib qo'ydi muallif J.Dan, manba

7 javoblar

Nima uchun bunday vaziyat yuzaga kelishi mumkinligiga ishonchim komil emas (faqat bitta masalani ko'rsata olasiz), lekin oddiygina overflow-y: hidden ni tanaga qo'llash orqali hal qilishning eng oson yo'li

body{
    overflow-y: hidden;
}
0
qo'shib qo'ydi

Nima uchun bunday vaziyat yuzaga kelishi mumkinligiga ishonchim komil emas (faqat bitta masalani ko'rsata olasiz), lekin oddiygina overflow-y: hidden ni tanaga qo'llash orqali hal qilishning eng oson yo'li

body{
    overflow-y: hidden;
}
0
qo'shib qo'ydi

Nima uchun bunday vaziyat yuzaga kelishi mumkinligiga ishonchim komil emas (faqat bitta masalani ko'rsata olasiz), lekin oddiygina overflow-y: hidden ni tanaga qo'llash orqali hal qilishning eng oson yo'li

body{
    overflow-y: hidden;
}
0
qo'shib qo'ydi

Men Chrome'da bo'laman va sizning demoga tashrif buyurganimda qaytib siljitish paneli ko'rinmayapti. Yoki bu ish uchun fiddle

0
qo'shib qo'ydi

O'tkazish satrini sahifadagi boshqa joyni yashirish uchun qo'ng'iroqni yozib qo'yadigan biror narsa bormi? Masalan:

    overflow: auto;

Yoki masalani kenglik/balandlikdagi (masalan, tasvir yoki div elementi) sahifada boshqa element bormi?

Yana bir variant - bu muammoni hal qilish sabablarini aniqlashga qadar inspektorga borish va narsalarni o'chirishni boshlash.

0
qo'shib qo'ydi

O'tkazish satrini sahifadagi boshqa joyni yashirish uchun qo'ng'iroqni yozib qo'yadigan biror narsa bormi? Masalan:

    overflow: auto;

Yoki masalani kenglik/balandlikdagi (masalan, tasvir yoki div elementi) sahifada boshqa element bormi?

Yana bir variant - bu muammoni hal qilish sabablarini aniqlashga qadar inspektorga borish va narsalarni o'chirishni boshlash.

0
qo'shib qo'ydi

O'tkazish satrini sahifadagi boshqa joyni yashirish uchun qo'ng'iroqni yozib qo'yadigan biror narsa bormi? Masalan:

    overflow: auto;

Yoki masalani kenglik/balandlikdagi (masalan, tasvir yoki div elementi) sahifada boshqa element bormi?

Yana bir variant - bu muammoni hal qilish sabablarini aniqlashga qadar inspektorga borish va narsalarni o'chirishni boshlash.

0
qo'shib qo'ydi