jQuery mobile’da bulunan ve Google material design uygulamalarında sıkça karşılaştığınız sağ ve soldan çıkan panell’er ile ilgili şöyle bir sorun ile karşılaştım aslında kimine göre sorun olarak algılanmayabilir fakat içerik fazlalığından dolayı kaynaklanan…
jQuery mobile paneline iç scrollbar verme
jQuery mobile’da bulunan ve Google material design uygulamalarında sıkça karşılaştığınız sağ ve soldan çıkan panell’er ile ilgili şöyle bir sorun ile karşılaştım aslında kimine göre sorun olarak algılanmayabilir fakat içerik fazlalığından dolayı kaynaklanan bu sorundan dolayı panel içeriğinin fazlalığında dolayı sayfaya ait bir scroll oluşturuyor buda yapmış olduğum proje mobile tarafta çalışacağından hoş bir durum değil o yüzden jquery mobile’da panel kullanırken panel içeriğinin yükseklik olarak taşması durumunda ve sayafaya scrollbar çıkardığı durumda engelleme veya kendi içerisinde scrollbar çıkarma gibi bir düşünceniz var ise yapmanız gereken alttaki CSS kodunu kullanmak olacaktır.
CSS Kodu
1 2 3 4 5 6 7 8 9 | .ui-panel-inner { position: absolute; top: 1px; left: 0; right: 0; bottom: 0px; overflow: scroll; -webkit-overflow-scrolling: touch; } |
Eğer yukarıdaki CSS Kodunu kullanım sonucu kendi içinde scrollbar özelliği kazanmış bir panel’den scrollbar’ında gözükmesini istemiyorsanız 🙂 alttaki css kodu ile bu durumuda giderebilirsiniz.
1 2 3 | .ui-panel-inner::-webkit-scrollbar{ display: none; } |
