问题描述
我需要在顶部创建一个带有固定标题栏的布局，它将包含不同的控件，并且在其下面有一个大的（大于窗口大小）可滚动的SVG区域。该区域将在顶部（时间轴）和左侧（位置名称）具有标题。
可滚动区域的行为应类似于带有列标题的DataGridView左边的顶部和行标题，除了网格内容不是具有固定行和列但是SVG（或画布）的网格。
我的布局工作正常在Chrome和Firefox中，但在IE 9中非常生涩（IE 9是一个重要的要求，因为它是一个企业环境）。
我创建了这个展示我想要完成的任务
我想知道是否有人可以建议如何修复IE 9的行为或如何用纯HTML和CSS实现我需要的东西。
I need to create a layout with a fixed header bar on the top that will hold different controls, and big (larger than window size) scrollable SVG area under it. That area will have headers on the top (timeline) and on the left (location names).
The scrollable area should behave similar to a DataGridView with column headers on the top and row headers on the left, except that the grid content is not a grid with fixed row and columns but an SVG (or canvas).
My layout works fine in Chrome and Firefox but is very jerky in IE 9 (and IE 9 is important requirement because it's a corporate environment).
I created this jsfiddle demo to show what I am trying to accomplish
I wonder if someone could suggest how to fix IE 9 behavior or how to achieve what I need with pure HTML and CSS.
推荐答案
这篇关于我的布局滚动适用于Chrome和Firefox但在IE 9中不稳定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！