jquery - Jquery フルカレンダースクロールバーを削除

Question

jquery フルカレンダーを使用していますが、スクロールバーを削除しようとしています。高さを設定しようとしましたが、うまくいきません。

誰でも修正がありますか (彼らが使用したこと!、リンクはありません-私はそれらのほとんどを試しました)?

私は使用しています：

$('#calendar').fullCalendar({
        firstDay: 1,
        minTime:@Model.MinHour,
       maxTime:@Model.MaxHour})

スクリーンショット

ページは十分に大きいです。

score 12 · Accepted Answer

高さと contentHeight を同じ値に設定すると、うまくいったようです。

CSS:

#calendar {
   height:1000px;
}

js:

var calHeight = 1000;

$('#calendar').fullCalendar({
    height:calHeight,
    contentHeight:calHeight
});

編集：

ビュー間の更新で見つけたので、スクロールしたくないときにスクロールが表示されました。これを追加しました：

.fc-scroller {
   overflow-y: hidden !important;
}

score 2 · Accepted Answer

カレンダーを含む div を作成し、css に配置しますoverflow-y:hidden;overflow-y:hidden;

div class="container-calendar"

.container-calendar {

overflow-x:hidden;
overflow-y:hidden;

}

score 1 · Accepted Answer

1

$('.fullCalendar').fullCalendar({
                aspectRatio: 1.605,  -> this works for me

于 2016-11-10T17:51:51.057 に答える

score 1 · Accepted Answer

fullcalendar バージョン 2.7.1 では、オーバーフローを設定する関数の呼び出しを行にコメントすることで、これを修正できます。

this.applyOverflow();

この関数を呼び出す関数は、clear (8855 行あたり) と render (8843 行あたり) の 2 つです。

score 0 · Accepted Answer

カレンダーの幅を広げて、スクロールバーをビューポートの右側からはみ出させてから、包含要素に overflow-x: hidden を設定できます。

score 0 · Accepted Answer

0

バグを解決した新しいバージョンを使用することになりました

于 2015-09-21T15:00:08.570 に答える

score 0 · Accepted Answer

これを試して：

$(document).ready(function () {
    $('#calendar').fullCalendar({
        height: 300,
        contentHeight: 360,
    });
});

これらの 300 と 360 は一例です。アイデアは同じままで、好きなように設定できます..

score -2 · Accepted Answer

あなたは2つのことを試すことができます：

CSS: カレンダーを div でラップする

div id{
overflow:hidden
}

JS:

$('#calendar').height($(window).height());

問題を修正する必要があります。

jquery - Jquery フル カレンダー スクロール バーを削除