2016-08-20 16 views
6

Tôi đang sử dụng kiểu nội tuyến cho thành phần phản ứng. Chúng có thể được định nghĩa như sau.Làm cách nào để đặt kiểu nội tuyến-cuộn tràn nội tuyến trên thành phần phản ứng

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

Có một số ngữ pháp khác với css, như 'overflow-y' trong css nên được đặt là tràn trong kiểu nội tuyến. Bây giờ tôi đi lang thang như thế nào để thiết lập phong cách này -webkit-overflow-scrolling như phong cách nội tuyến trong phản ứng? Tôi đã thử các cài đặt bên dưới nhưng không có cài đặt nào trong số đó hoạt động.

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

gì về 'webkitOverflowScrolling'? (lưu ý trường hợp thấp hơn * w *) – ivarni

+0

Thuộc tính "Nhiều từ" (ví dụ: 'cỡ chữ', v.v.) được viết bằng camelCase (như trong' fontSize'). –

+0

Là một đề xuất nếu bạn định làm rất nhiều kiểu dáng với phản ứng, tôi sẽ nói với các tệp định kiểu thường xuyên thay vì đặt kiểu theo phản ứng. Kiểu dáng trong JS không phải là chưa có, bạn sẽ có một thời gian khó gỡ lỗi phong cách tái sử dụng, bạn không thể dễ dàng sao chép-dán cú pháp css, truy vấn phương tiện truyền thông được xử lý trong JS thay vì css của trình duyệt và vv. Tôi đã phải sử dụng điều này trên một dự án tôi tham gia và nó là một kinh nghiệm phát triển xấu tổng thể. –

Trả lời

2

Tôi đã sử dụng này thành công:

overflowScrolling: "touch", 
WebkitOverflowScrolling: "touch", 
Các vấn đề liên quan