Div taşması durumunda dikey kaydırma çubuğunu devre dışı bırak: otomatik

Taşma: otomatik (veya kaydırma) kullanılırken yalnızca yatay bir kaydırma çubuğuna izin vermek mümkün mü?

Bu iki CSS özelliği, kaydırma çubuklarını gizlemek için kullanılabilir:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Sadece kullanmalısın

overflow-y:hidden; - Dikey kaydırmayı gizlemek için bunu kullanın

overflow-x:auto; - Yatay kaydırmayı göstermek için bunu kullanın

Luke her ikisinin de gizli olduğundan bahsetmiştir. bu yüzden bunu ayrıca verdim.

taşma: otomatik;
overflow-y: gizli;

IE8 için: -ms-overflow-y: hidden;

Veya Başka:

X'i gizlemek için :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Y'yi gizlemek için :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Aynı şeyi Gecko (NS6 +, Mozilla, vb.) Ve IE4 + 'da aynı anda yapmak istiyorsanız, bunun hile yapması gerektiğine inanıyorum: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

Bu, tüm gövde etiketine uygulanacaktır, lütfen bunu ilgili css'nize güncelleyin ve bu özellikleri uygulayın.

Aşağıdakileri ekleyin:

body{
overflow-y:hidden;
}

Bu kurallar tüm tarayıcılarla uyumludur:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Bir steno gösterime ne dersiniz?

{overflow: auto hidden;}

kaydırma çubuğunu devre dışı bırakmak, ancak yine de iç DIV içeriğini kaydırmak istiyorsanız, css'deki aşağıdaki kodu kullanın,

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScroll, hedef div'in sınıf adıdır.

Tüm büyük tarayıcılarda (Chrome, Safari, Mozilla, Opera ve IE) çalışacaktır.