javascript - 是否可以在 jQuery 或 CSS 中修复图片的像素？

Question

嗨，我正在处理一个报表应用程序，它以图片格式（如 JPEG、PNG 等）输出一些图表。

我想要做的是从顶部固定 100 像素，从左侧固定 100 像素，这样当可滚动数据显示在中心时，第一列（名称栏）和顶部标题（日期）保持固定。可以使用 HTML 表格结构来实现，但由于我使用的是一个 .jpeg 文件，因此它不适用于我。很快，我需要用 CSS 或 jQuery 将一张图片分成几块。

例子

这正是我想要做的。但正如我提到的，我需要使用 .jpeg 文件来完成。我必须使用一张稳定的图片，这意味着我不能要求将图片分成 3 块，例如；标题，第一列，数据。

Answer 1

我认为这个问题不值得所有的反对。

据我了解，问题是询问是否可以在浏览器中保持图像的一部分不变并滚动其余部分。

我认为答案是否定的，但是您可以使用图像的两个（抱歉，三个）副本来模拟它，使用 CSS 'clip' 属性来提取图像的适当部分和其他 CSS 来处理滚动。我没有时间提供一个有效的例子。