SORU
11 HAZİRAN 2013, Salı


IE10, bu nasıl durdurursun?kaydırma çubuğu yerleşimi

İçinde IE10, kaydırma çubuğu değil her zaman... ve zaman göründüğü konusunda bir yerleşim... ... bir özelliktir, ama isterim kapatmak için benim özel web sitesi gibi bir tam ekran uygulama ve benim logolar ve menüler kayıp arkasında.

IE10:

enter image description here

KROM:

enter image description here

Herkes her zaman kaydırma çubuğu IE10 üzerinde yeri sabit yapmanın bir yolunu biliyor musun?

taşma-y:scroll çalışmıyor! sadece kalıcı olarak benim web sitesi üzerine koyar.

Bootstrap hakkında hiçbir fikrim yok hangi sorunu ama neden olabilir! burada örneğe bakın: http://twitter.github.io/bootstrap/

CEVAP
11 HAZİRAN 2013, Salı


Biraz googling sonra bu çıktı karşıma; Yorum sol tarafından http://channel9.msdn.com/Forums/Coffeehouse/IE10-how-does-the-scrollbar-autohide-on-buildwindowscom-microsoftcom "Mavi Mürekkep" devletler:

Sayfalar teftiş, kullanarak yeniden başardım:

@-ms-görünüm penceresi { genişlik: cihaz-genişliği; }

kaydırma çubukları şeffaf hale gelmesine neden olur. Mantıklı, beri içeriği şimdi tüm ekranı kaplıyor.

Bu senaryoda ekliyor

taşma-y: auto;

kaydırma çubukları otomatik olarak gizle yapar

Ve bootstraps responsive-utilities.less file, line 21 aşağıdaki CSS kodunu bulabilirsiniz

// IE10 in Windows (Phone) 8
//
// Support for responsive views via media queries is kind of borked in IE10, for
// Surface/desktop in split view and for Windows Phone 8. This particular fix
// must be accompanied by a snippet of JavaScript to sniff the user agent and
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
// our Getting Started page for more information on this bug.
//
// For more information, see the following:
//
// Issue: https://github.com/twbs/bootstrap/issues/10497
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/

@-ms-viewport {
  width: device-width;
}

Bu parçacık davranışı sebep oluyor. Bağlantıları yukarıdaki kod yorumladı listelenen okumanızı tavsiye ederiz. (Ben Başlangıçta bu cevap gönderildi sonra eklendi.)

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Bogdan Gabriel

    Bogdan Gabri

    5 Aralık 2006
  • Microsoft Research

    Microsoft Re

    24 EKİM 2008
  • Tome Rodrigo

    Tome Rodrigo

    9 Temmuz 2006