javascript - SlickGrid グリッドは位置のように機能します: ブラウザ ウィンドウに対して固定

Question

これは私を夢中にさせています。グリッドは要素 div 内の位置にとどまらず、ブラウザー ウィンドウ内の固定位置にあるように動作します。したがって、下にスクロールすると、グリッドはそのままではなく下に続きます。これはオプションで指定する必要があるものですか、それともスクリプトに何か問題がありますか?

私はgithubの例を使用しています。

var grid;
var columns = [
{id: "title", name: "Title", field: "title"},
{id: "duration", name: "Duration", field: "duration"},
{id: "%", name: "% Complete", field: "percentComplete"},
{id: "start", name: "Start", field: "start"},
{id: "finish", name: "Finish", field: "finish"},
{id: "effort-driven", name: "Effort Driven", field: "effortDriven"}

];

var options = {
enableCellNavigation: true,
enableColumnReorder: false

};

$(function () {
var data = [];
for (var i = 0; i < 500; i++) {
  data[i] = {
    title: "Task " + i,
    duration: "5 days",
    percentComplete: Math.round(Math.random() * 100),
    start: "01/01/2009",
    finish: "01/05/2009",
    effortDriven: (i % 5 == 0)
  };
}

grid = new Slick.Grid("#myGrid", data, columns, options);

}))