固定された垂直スクロール可能な要素水平方向

Question

このトピックでいくつかのことを読んで、「実行可能」な解決策を持っていましたが、これを達成するためのよりクリーンで、やりにくい方法があるかどうか疑問です。私は "テーブル"を持っていますが、実際にはテーブルのようにいくつかの要素がulです。私はヘッダーulが垂直スクロールの上部に固定されたままになっていますが、水平スクロール時には本体と共にスクロールします。私が達成しようとしているのは、水平のスクロールでウィンドウの左側に常に固定されたままの "フリーズ"した左の列を持ち、それぞれのコンテンツ行で垂直にスクロールすることです。私が上で述べたように、私はjavascriptを利用していますが、タッチデバイス（表面プロ、iPad mini）の作業バージョンを持っています。水平スクロールバーをクリックしてドラッグすると、目的の効果が得られますが、可能であれば、すべての状況でこれを適用したいと思います。

ここにはjsfiddleの基本的な動作例があります。もう一度、私が理解できるものからタッチ対応していないほとんどのデバイスで完璧に動作します。外付けモニターに接続したときに表面のプロでうまく動作しますが、サーフェスだけを使用するともう一度ジッターがかかります。

ご意見やご提案は大歓迎です。

Answer 1

いつも2つのリストがありますが、そのうちの1つは左に固定されていて、もう1つは実際に余白を持つスクロール可能なコンテナです（左のパネル幅と等しく、残りのスペースを占有します）あなたのスクロール可能なコンテンツはさておきます。

Check this fiddle。

.left { 
    position: absolute; width: 100px; 
} 

.right { /* scrollable */ 
    width: 300px; overflow: scroll; 
} 

（コンテナCSSが最適化されることがあり、もちろん、私は「一般的な」という考えを示してみました）

はそれが役に立てば幸い...