Vì vậy, bất chấp bản sửa lỗi mà Konrad đã đề cập hai tháng trước, có vẻ như điều này vẫn đang xảy ra khi tôi cài đặt phiên bản mới nhất bằng NPM hôm nay lần đầu tiên
Theo câu hỏi của Anna dành cho clintse, mã tôi đang sử dụng chính xác là mã có trong tài liệu MDB, đúng nguyên văn ngoại trừ một vài thay đổi về tên vì tôi đã cắm mã đó vào một ứng dụng hiện có
Kết quả là một phương thức chức năng [theo tín dụng của MDB vì mọi mô-đun nút phương thức khác đều khiến tôi đau buồn vô tận, bao gồm cả phản ứng] nhưng không có khả năng cuộn trang. Chắc chắn vẫn còn một cái gì đó như overflow: hidden
trong CSS ảnh hưởng đến body
cho dù phương thức có hoạt động hay không
Sau khi đánh lừa một chút và thử gợi ý của purtzerb [dù sao thì điều này cũng không ảnh hưởng đến body
], tôi đã thử điều hiển nhiên trực diện nhất mà tôi có thể nghĩ ra, và nó đã thành công
Trong CSS tùy chỉnh của bạn [giả sử bạn có biểu định kiểu tùy chỉnh – bạn có thể nhập biểu định kiểu tùy chỉnh bằng cách sử dụng thứ gì đó như import './assets/css/custom.css'
giống như bạn đã làm để nhập mdbreact
], chỉ cần thêm
body {
overflow-y: scroll !important;
}
Hoạt động như một nét duyên dáng. Tôi sợ nó có thể ngăn phương thức cuộn khi phương thức đang hoạt động, nhưng không. Chế độ cuộn khi nó đang hoạt động, phần thân cuộn khi chế độ không hoạt động
Nếu chiều dài cơ thể của bạn quá ngắn để cuộn trên màn hình lớn hơn nhưng đủ dài để cuộn trên màn hình nhỏ hơn, bạn có thể sử dụng auto
thay vì scroll
Lorem ipsum dolor sit amet consectetur adipisizing elit. Fugiat, velit. Lorem ipsum dolor sit amet consectetur adipisizing elit. Fugiat, velit. Lorem ipsum dolor sit amet consectetur adipisizing elit. Fugiat, velit. Lorem ipsum dolor sit amet consectetur adipisizing elit. Fugiat, velit
Bootstrap 5 Modal Cuộn nội dung dài
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Cập nhật lần cuối. 05 tháng 12 năm 2022
Cải thiện bài viết
Lưu bài viết
Bootstrap 5 Nội dung dài cuộn phương thức được sử dụng khi nội dung cơ thể phương thức trở nên rất lớn thì nó có thể cuộn được. Các phương thức có thể được cuộn độc lập với trang hoặc chúng ta có thể cuộn phần thân của phương thức. Chúng ta sẽ tìm hiểu về chúng bằng các ví dụ
cú pháp
...
Bootstrap 5 Modal Cuộn nội dung dài Lớp
- phương thức-hộp thoại-có thể cuộn. Lớp này được sử dụng để tạo nội dung theo chế độ cuộn
ví dụ 1. Trong ví dụ này, chúng ta sẽ tìm hiểu cách chúng ta tạo một phương thức sao cho nó cuộn độc lập với trang
HTML