容器尺寸內的大容量

我經歷了許多帖子，找不到解決方案。（我在this post中遇到過類似的問題，但我不能真正與我的確切情況有關）。容器尺寸內的大容量

問題：我必須在屏幕上顯示一個大型數據表（超過30列）。我的挑戰是 - 客戶端不喜歡水平滾動條。

我想將表分成幾塊，並使用像Jquery這樣的簡單滑塊：「serialScroll」或「ContentSlider」。不過，這是另一個挑戰：爲了符合508規範，我的表格需要是單個表格，而不是在不同的幻燈片中拆分多個表格。

我想我需要一個「視圖查找器」div頂部的「大桌子」與控制轉移表格大小的左和右，http://img202.imageshack.us/i/tableviewfinderidea.jpg/。

我的問題是：

2011-02-23 Alvin T

一個奇怪的非標準控件如何（有效）滾動表格比一個（更熟悉的）水平滾動條更好？ – Pointy 2011-02-23 14:55:36

我需要在列上的精確切割塊中顯示數據表，而不是顯示滾動中數據的一半。「奇怪」是確切的詞，但「客戶」是另一個我不能取消的詞。 :( – 2011-02-23 15:31:17

使用帶有'overflow：hidden'樣式的容器div可以讓您按照圖形所示進行遮罩。那麼通過將掩碼內容設置爲'position：absolute'並調整'left'值很容易。

我把這個在線的簡短的例子在http://jsfiddle.net/BDZPj/

唯一的事情是，你必須知道被滾動的內容的高度，因爲你必須設置了屏蔽的高度了。您可以從document.ready表上讀取高度，並將其初始應用於容器。無論如何，像'Pointy'在上面的評論中說的，使用標準滾動條肯定是最好的方法 - 有時客戶也必須移動。

2011-02-23 15:17:58 schellmax

真棒，謝謝schellmax。我發現這篇文章：（http://www.alistapart.com/articles/conflictingabsolutepositions）絕對定位有用。這應該工作，讓我試試。 – 2011-02-23 15:27:21

回答