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

  • eurotuner

    eurotuner

    6 Mart 2006
  • girleffect

    girleffect

    20 Mayıs 2008
  • TechSmartt

    TechSmartt

    29 Aralık 2010