使用jquery ui draggable進行水平滾動網站時出現問題

Question

我的網站（ http://www.enginelabs.ca ）是使用數據庫和php構建的，可以動態引入項目。 我使用jquery draggable滾動項目和一個javascript函數，它將項目包裝成表格格式，因此更容易水平顯示。

我遇到的問題是項目有時會跳下來並被切斷。 它發生在safari和chrome上，但不是在firefox上。 當我轉到index.php頁面時，似乎可以自行修復。 如果需要，我可以提供有關如何編碼的詳細信息。

這是一個JS Fiddle鏈接，顯示了代碼的運行情況 。

謝謝老兄！

Answer 1

出於某種原因（我在20秒后意外地偶然發現了這一點）

 vertical-align: baseline

在您的桌子上細胞似乎導致了問題。 也許是因為你用jQuery或其他東西來設置高度，而且Webkit或者......中有一些bug或怪癖。

將vertical-align顯式設置為基線以外的其他內容可能會修復它，嘗試一下。

td {
    vertical-align: top;
}