0

理論的には、スクロール時に2つのDIVを一緒にロックする方法を誰かに教えてもらえないでしょうか。

大きなグラフを作成する必要がありますが、一度に表示できるのはごく一部です。データにロックされたままで表示するラベルが必要ですが、表示されたままです。私は基本的に、Excelワークシートをスクロールできる方法を複製しようとしています。

したがって、側面のラベルはデータとともに垂直方向にスクロールしますが、水平方向にスクロールするときは固定されたままになります。ラベルを上にしてその逆も同様です。

これはすべて、過去100年間に私の消防署で働いていた従業員のタイムラインを表示するRailsアプリになります。年は上に、ランクと位置は横になります（50〜60行）15年と約20行を一度に表示する余地があり、それでも読みやすくなります。

任意のアイデアをいただければ幸いです。

4

3 に答える 3

1

リスナーを両方のdivに配置し、一方が変更されるたびに、両方が同じ垂直オフセットを取得するようにすることができます。

于 2013-01-21T17:56:32.417 に答える
0

http://www.w3.org/Style/Examples/007/menus.en.htmlをスクロールしながら、position：fixedを試して、ビューポートに対するdivの位置をロックすることができます。

于 2013-01-21T17:56:37.513 に答える
0 
$('#center').ready(function(){
    var left
    $('#center').on("scroll", function(){  //activate when #center scrolls
        left = $('#center').scrollLeft();  //save #center position to var left
        $('#top').scrollLeft(left);        //set #top to var left
    });
});
于 2013-02-06T03:50:39.547 に答える