Vấn đề cuộn jQuery-autocomplete

Question

Tôi đang sử dụng rails3-jquery-autocomplete trong đơn đăng ký của mình. Tôi đã gặp vấn đề sau: nếu bạn nhập nội dung nào đó vào trường nhập để dữ liệu tự động hoàn thành được hiển thị và cuộn trang sau đó, hộp có dữ liệu tự động hoàn tất không được cuộn với trang. Nó vẫn ở cùng vị trí.

Bạn có thể xem những gì tôi đang đối mặt với here. Lưu ý rằng ví dụ này không được tạo bởi tôi, vì vậy tôi không chắc chắn rằng cùng một plugin jquery được sử dụng ở đây. Tuy nhiên vấn đề là khá giống nhau.

Answer 1

Có thể bạn thiếu thuộc tính appendTo từ các tùy chọn để Tự động điền. Giá trị mặc định là nội dung, nhưng bạn có thể muốn có vùng chứa của mình div (khó nói chính xác mà không nhìn thấy mã của bạn).

Xem documents.

Answer 2

thêm video này vào css

 .ui-autocomplete { 
     height: 200px; 
     overflow-y: scroll; 
     overflow-x: hidden; 
    } 

Answer 3

Nhưng có bạn kiểm tra kịch bản, sau khi áp dụng chiều cao và tràn cho kết quả không thể có khả năng di chuyển qua danh sách sử dụng bàn phím mũi tên xuống, có thể có khả năng di chuyển sử dụng chuột. Nếu chúng ta sử dụng bàn phím để cuộn nó, giữ thanh cuộn lý tưởng và làm cho giá trị tô sáng để di chuyển trong suốt danh sách.

Answer 4

Tôi biết điều này là cũ nhưng tôi đã sửa lỗi này trong dự án của riêng mình bằng cách thêm thuộc tính CSS của "position: fixed" vào ".ui-autocomplete" trong dự án của tôi. Kiểm tra nó ra ở đây nếu u muốn: 34.212.191.181:3000.

P/s trang bằng tiếng Việt, chỉ cần phát bằng hộp tìm kiếm trong thanh điều hướng :)