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 */
}
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;
}
Bilgi:
Bu yanıta göre, simple scroll plugin Bir ben yarattım. Bu kimse yardımcı olur umarım.
Bunu Paylaş:
Nasıl bir Etkinlik için başlık çubuğun...
Nasıl her zaman kaydırma çubuğunu göst...
Bir şekilde bir UİScrollView kaydırma ...
nasıl iphone açılış ekranı görüntülend...
Nasıl iOS CSS taşma kaydırma çubuğunu ...