2016-08-20 27 views
6

Tepkisel bileşen için satır içi stil kullanıyorum. Bunlar aşağıdaki gibi tanımlanabilir.Reaksiyon bileşeni üzerinde satır içi taşma-satır kaydırma stilini ayarlama

const style= { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    bottom: '7.5%', 
    top: '5.2rem', 
    overflowY: 'auto', 
    }, 

O 'overflow-y' css satır içi tarzında overflowY olarak ayarlanması gerekir gibi css ile farklı bazı gramma vardır. Şimdi bu stilin nasıl ayarlanacağını -webkit-overflow-scrolling'i inline stili olarak tepki olarak mı araştırıyorum? Ayarları denedim ama hiçbiri işe yaramıyor.

WebkitOverflowScrolling: 'touch', 
'-webkit-overflow-scrolling': 'touch', 
+0

Ne webkitOverflowScrolling' 'ne olacak? (Not küçük harf * w *) – ivarni

+0

"Çoklu sözcük" özellikleri (ör. 'yazı tipi boyutu' vb.) camelCase'de (fontSize'de olduğu gibi) yazılmıştır. –

+0

Tepki ile çok fazla stil yapmak için bir öneri olarak tavsiye ederim, tepki olarak stil ayarlamak yerine normal stil sayfası dosyalarını söylerim. JS'deki stil henüz yok, yeniden kullanılan stilleri hata ayıklamaya zorlayacaksınız, css sözdizimini kolayca kopyalayıp yapıştıramazsınız, medya sorguları tarayıcının css motoru yerine JS'de işlenir ve böyle devam eder. Katıldığım bir projede bunu kullanmak zorunda kaldım ve genel olarak kötü bir geliştirici deneyimiydi. –

cevap

2

ben bu başarıyla kullandım:

overflowScrolling: "touch", 
WebkitOverflowScrolling: "touch",