jQuery FullCalendar: Vô hiệu hóa cuộn trong Chế độ xem Chương trình làm việc?

Question

Làm cách nào để vô hiệu hóa việc cuộn trong Chế độ xem Chương trình (chế độ tuần, ngày) bằng trình cắm thêm FullCalendar jQuery? Trong chế độ tháng mọi thứ đều ổn, nhưng khi tôi chuyển sang chế độ Tuần/Ngày, có một thanh cuộn bên cạnh thanh cuộn trang chính của tôi.

Answer 1

Đây là những gì tôi đã làm trong trường hợp của mình. Mục đích là để tự động thay đổi chiều cao, vì vậy tôi sử dụng sự kiện viewDisplay theo cách đó:

$('#calendar').fullCalendar({ 
    viewDisplay: function (view) { 
     var h; 
     if (view.name == "month") { 
      h = NaN; 
     } 
     else { 
      h = 2500; // high enough to avoid scrollbars 
     } 

     $('#calendar').fullCalendar('option', 'contentHeight', h); 
    } 
}); 

Answer 2

chắc

$('#calendar').fullCalendar({ 
    height: 999999999 
}); 

Nếu lịch của bạn có một thanh cuộn khi bạn không muốn nó sau đó bạn có 3 lựa chọn:

1. làm cho nó đủ lớn mà nó sẽ không có một cuộn giấy thanh
2. thu nhỏ nội dung sao cho vừa với ranh giới của bạn
3. xóa thanh cuộn và mất quyền truy cập vào thông tin không được hiển thị

Bạn cần cụ thể hơn "Tôi không thích thanh cuộn"

Answer 3

Dưới đây là một phiên bản cập nhật và rút gọn của @Deulis câu trả lời:

$("#calendar").fullCalendar({ 
    viewRender: function(view){ 
    $("#calendar").fullCalendar("option", "contentHeight", (view.name === "month")? NaN : 9999); 
    } 
}); 

Như @Pierre de LESPINAY và @ Jens-André Koch đã đề cập, viewDisplay được khắc phục trong fullcalendar v2.0. Thay vào đó, chúng tôi phải sử dụng viewRender.

Answer 4

Bắt đầu từ FullCalendar 2.1.0-beta1, bạn có thể đặt tùy chọn { height: 'auto' } để tắt thanh cuộn trong chế độ xem.

Mặc dù mục nhập thay đổi cho chức năng mới này có thể được đọc là "Để tắt thanh cuộn trong chế độ xem theo tháng", nó thực sự hoạt động cho tất cả các chế độ xem.

Trong chế độ xem theo tháng, khi chiều cao của lịch bị tràn do quá nhiều sự kiện, thanh cuộn dọc sẽ xuất hiện. Để tắt hành vi này, hãy đặt tùy chọn độ cao thành 'tự động'. - from v2.1.0-beta1 changelog

Answer 5

chỉ cần sử dụng:

$('#calendar').fullCalendar({ 
    height: "auto" 
});