防止.row div滾動的是什麼？

我想水平滾動每一行。所以在右箭頭按鍵通常情況下，整行應滾動到左側。實際上它是滾動的，在我添加display: table之前爲了獲得行的真實寬度。防止.row div滾動的是什麼？

如何滾動.row？

實施例，以示問題（需要調整客戶區顯示2個細胞）： https://jsfiddle.net/souren/98rddfzp/8/

來源

2017-02-22 Pablo

我是否理解，使用'display：table'或'inline-block' div是不會覺得有必要滾動的？如果是的話，那麼在添加單元格之後，我還能如何獲得真正的.row寬度？ – Pablo

代替使用display: table的，嘗試使用box-sizing: border-box。

檢查this和this。

這是您的updated fiddle。

來源

2017-02-22 14:53:57 Condorcho

但是後來我無法獲得真正的空間，被.row中的單元佔據。 '$（「＃row」+ currentRowIndex）.width（）'總是返回窗口的大小而不是行的大小，包括不可見區域。 – Pablo

我不確定我瞭解您想要獲得的尺寸。所有de'.row'包含其中的單元格的大小？就像在你的例子中一樣，所有單元格都具有相同的大小。 – Condorcho

每次我向'.row'添加一個新的單元格時，'.row'的大小可能會增長。用一個單元格210，兩個單元格420等等。我想用當前單元格獲得整體大小。但它看起來像我在某種程度上錯誤的軌道上。所有這一切背後的原因是，我希望能夠滾動到最後一個單元格，所以最後一個單元格將在紅色格子下。爲此，我想在接近尾聲時擴展'.row'的寬度。但是擴展是行不通的，因爲實際上我並不是擴展了所有單元佔用的總體面積，而只是面積受窗口大小的限制。希望它是有道理的。 – Pablo

防止.row div滾動的是什麼？

回答

相關問題