SORU
21 Mayıs 2013, Salı


Kaydırma çubuğunu gizlemek, ama yine de ilerlemek için güçlü olmak

Kaydırma çubuğu gösterdi olmadan bütün sayfa boyunca, ama kaydırma yapmak istiyorum.

Google Chrome

::-webkit-scrollbar { 
    display: none; 
}

Ama Mozilla Firefox ve Internet Explorer gibi çalışır görünmüyor.

Ben de denedim css:

overflow: hidden;

Bu kaydırma çubuğunu gizle, ama ben artık kaydırma cant.

Kaydırma çubuğu ve hala tüm sayfayı kaydırmak için güçlü olmak çıkarabilirim zaten var mı? Sadece css veya html lütfen.

CEVAP
21 Mayıs 2013, Salı


Oldukça iyi çalışıyor sadece bir test.

#parent{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#child{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 15px; /* Increase this value for cross-browser compatibility */
}

Working Fiddle

ya

Position: absolute kullanarak

#parent{
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#child{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
}

Working Fiddle

Bilgi:

Bu yanıta göre, simple scroll plugin Bir ben yarattım. Bu kimse yardımcı olur umarım.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • joshsnice

    joshsnice

    28 Kasım 2006
  • The Weavers of Eternity Paracord Tutorials

    The Weavers

    1 Ocak 2014
  • WiseOwlTutorials

    WiseOwlTutor

    21 EKİM 2011