Jquery-ui có thể kéo dọc theo chiều dọc chỉ

Question

Vì vậy, tôi có một div có thể tháo rời cố định ở góc dưới cùng bên phải của màn hình. Tôi có một danh sách các draggables có thể được kéo vào thùng rác (các droppable cố định) nhưng tôi không muốn thanh cuộn ngang xuất hiện khi kéo chúng gần thùng rác. Tôi không muốn các draggables có thể cuộn theo chiều ngang. Có các vật phẩm khác có thể rơi xuống trên trang mà chúng có thể bị rơi vào để chúng phải cuộn theo chiều dọc để đến được chúng.

Đây là số jsfiddle của sự cố.

Cảm ơn

Answer 1

Bạn có thể sử dụng tùy chọn containment (doc) trên các yếu tố có khả năng kéo. Bằng cách này bạn có thể hạn chế sự chuyển động của họ vào phần tử BODY:

$('.draggable').draggable({ 
    ... 
    containment: 'body', 
    ... 
}); 

DEMO

Answer 2

Để chỉ cho phép kéo theo chiều dọc, bạn phải thiết lập các "trục" của tài theo cách này có thể kéo:

$("selector").draggable({ 
    axis: "y" 
}); 

Và nếu bạn đã có một đối tượng có thể kéo khởi tạo, bạn phải thiết lập nó theo cách này:

$("selector").draggable("option", "axis", "y");