6
Używam stylu wbudowanego do reagowania na komponent. Można je zdefiniować jak poniżej.Jak ustawić -liniowy styl przewijania -webkit-overflow na komponent reagowania
const style= {
position: 'absolute',
left: 0,
right: 0,
bottom: '7.5%',
top: '5.2rem',
overflowY: 'auto',
},
To ma jakiś inny gramma z CSS, jak 'overflow-y' w CSS powinien być ustawiony jako overflowY w stylu inline. Teraz wędruję, jak ustawić ten styl -webkit-przepełnienie-przewijanie w stylu inline reagować? Próbowałem poniżej ustawień, ale żaden z nich nie działa.
WebkitOverflowScrolling: 'touch',
'-webkit-overflow-scrolling': 'touch',
Co o 'webkitOverflowScrolling'? (zauważ małe litery * w *) – ivarni
Właściwości "wielu słów" (np. "rozmiar czcionki" itp.) są zapisywane w camelCase (jak w 'fontSize'). –
Jako zalecenie, jeśli zamierzasz zrobić wiele stylizacji z reakcją, powiem zwykłym plikom stylów arkuszy zamiast ustawiania stylu w reakcji. Stylizacja w JS nie jest jeszcze dostępna, będziesz miał problemy z debugowaniem ponownie używanych stylów, nie możesz łatwo skopiować i wkleić składni css, zapytania o media są obsługiwane w JS zamiast silnika przeglądarki css i tak dalej. Musiałem użyć tego przy projekcie, do którego dołączyłem i ogólnie było to złe doświadczenie programisty. –