Cuộn phương thức Bootstrap

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
  • Bàn luận
  • khóa học
  • Luyện tập
  • Băng hình
  • 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




        

    Chủ Đề