SORU
21 HAZİRAN 2011, Salı


CSS taşma-x: görünür; taşma-y: gizli; neden kaydırma çubuğu sorunu

Biraz stil ve biçimlendirme varsayalım:

ul
{
  white-space: nowrap;
  overflow-x: visible;
  overflow-y: hidden;
/* added width so it would work in the snippet */
  width: 100px; 
}
li
{
  display: inline-block;
}
<div>
  <ul>
    <li>1</li> <li>2</li> <li>3</li>
    <li>4</li> <li>5</li> <li>6</li>
    <li>7</li> <li>8</li> <li>9</li>
    <li>1</li> <li>2</li> <li>3</li>
    <li>4</li> <li>5</li> <li>6</li>
    <li>7</li> <li>8</li> <li>9</li>
    <li>1</li> <li>2</li> <li>3</li>
    <li>4</li> <li>5</li> <li>6</li>
    <li>7</li> <li>8</li> <li>9</li>
  </ul>
</div>

Bu görüntüleyin. <ul> taşma görünür ve gizli değerleri belirtilen olsam da alt kısmında bir kaydırma çubuğu vardır x/y.

(Chrome 11 ve opera üzerinde gözlenen (?))

Bazı w3c spec falan böyle söylüyor olmalı diye tahmin ediyorum ama beni hayat için neden bu kadar çalışamam.

JSFiddle

:- GÜNCELLEMEBaşka bir unsurulbu sarılı ekleyerek aynı sonucu elde etmek için bir yol buldum. Check it out.

CEVAP
22 HAZİRAN 2011, ÇARŞAMBA


Ciddi bir araştırmadan sonra sorumun cevabını buldum galiba:

kimden: http://www.brunildo.org/test/Overflowxy2.html

Gecko, Safari, Opera, ‘görünür’ ‘otomatik’ ile birleştirildiğinde olur ‘gizli (diğer bir deyişle: ‘görünür’’ ‘auto ile birlikte’ olur hiçbir şeyden başka ‘görünür’). Kertenkele 3, Opera, Safari 1.8, 9.5 aralarında oldukça tutarlı.

ayrıca diyor ki: W3C spec

Hesaplanan ‘taşma-x’değerlerini ve ‘taşma-y’ aynı kendi gibi belirtilen değerlerin dışında bazı ‘görünür’ ile kombinasyonları eğer belirtilirse mümkün: ‘görünür’ ve ‘’ veya kaydırma ‘otomatik’, sonra ‘görünür’ olarak ayarlanmıştır ‘’. oto Hesaplanan değer ‘taşma’ bilgisayarlı eşittir değeri ‘taşma-x ‘taşma-y’’ aynı; aksi halde çifti. hesaplanan değerlerin ‘taşma-x’ ve ‘taşma-y’.

Kısa Versiyon:

Ya overflow-x overflow-y ve bir diğeri için visible dışında visible kullanıyorsanız. visible değer auto olarak yorumlanır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Autodesk 3ds Max Learning Channel

    Autodesk 3ds

    23 HAZİRAN 2010
  • Djbasilio AuToBaSs

    Djbasilio Au

    20 Aralık 2008
  • Fraser Raft

    Fraser Raft

    9 Mart 2010