Question

在Safari和Chrome或Firefox上打开以下内容。

https://prismjs.com/plugins/data-uri-highlight/

现在在代码示例上向右/向左滚动。你注意到了吗？有点阻力？那是什么？

是棱镜吗？我的意思是，我应该在哪里更改某些功能以使其在Safari中与在Chrome / Firefox中具有相同的行为？

这是我所做的：

（我正在尝试使源代码可视化。类似于https://softwarerecs.stackexchange.com/questions/50866/view-multiple-pdf-side-by-side。以前我没看过类似的东西吗？功能：1.并排可视化许多文件，水平滚动。2.每个文件独立的垂直仅滚动。）

index.html

<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
    <link href="style.css" rel="stylesheet" />
    <link href="themes/prism.css" rel="stylesheet" />
</head>

<body>
    <script src="prism.js"></script>

<div id="content">

  <div id="left">
    <pre class="line-numbers" data-src="main.cpp"></pre>
  </div>

  <div id="right">
    <pre class="line-numbers" data-src="main.cpp"></pre>
  </div>

</div>

</body>
</html>

style.css

#content, html, body {
    height: 100%;
    white-space: nowrap;
}
#left {
    display: inline-block;
    width: intrinsic;
    background: black;
    height: 100%;
    overflow: scroll;
}
#right {
    display: inline-block;
    width: intrinsic;
    background: black;
    height: 100%;
    overflow: scroll;
}

宽度取决于内容（即main.cpp）。

在Safari上滚动拖动，那是什么？

0 个答案: