javascript - 将 jquery ui 可拖动用于水平滚动网站时，chrome 出现问题

Question

我的网站 ( http://www.enginelabs.ca ) 是使用数据库和 php 构建的，以动态引入项目。我使用 jquery draggable 滚动浏览项目，并使用 javascript 函数将项目包装成表格格式，以便更容易水平显示。

我遇到的问题是项目有时会跳下来并被切断。它发生在 safari 和 chrome 上，但不是在 firefox 上。当我转到 index.php 页面时，它似乎会自行修复。如果需要，我可以提供有关如何编码的更多详细信息。

Here is a JS Fiddle link showing the code in action .

谢谢大佬们!

Answer 1

出于某种原因(我在 20 秒后偶然发现了这个)

 vertical-align: baseline

您的表格单元格似乎是导致问题的原因。可能是因为您正在使用 jQuery 或其他东西设置高度，并且 Webkit 或...中存在一些错误或怪癖。

将 vertical-align 显式设置为 baseline 以外的其他内容可能会解决问题，试试吧。

td {
    vertical-align: top;
}