2015-12-10 72 views
0

我沒有任何Web開發經驗,我正嘗試構建一個UI Grid來顯示大量的數據點。無法滾動僞指令滾動條

我正在嘗試創建一個滾動條來滾動所有數據點(假設它是1,000,000個參數),並且應該能夠在所有數據點之間水平滾動。它應該只加載一個20x20的數據點,並在滾動條適當移動時延遲加載下一頁。

我已經設法讓水平滾動條顯示在屏幕上,但現在我試圖讓它滾動。我正在使用fattable(https://github.com/fulmicoton/fattable)作爲我的靈感。

http://jsdo.it/jpez/Q7g0

我怎樣才能讓我的水平滾動條滾動實際上,當你點擊它的鼠標和移動它?它根本不動。

+0

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身更多信息** 。儘管您已經提供了一個示例鏈接,但如果鏈接無效,那麼您的問題對於其他未來具有相同問題的SO用戶將沒有任何價值。 –

回答

1

您的元素堆疊順序不正確。您的滾動條前加z-index: 1到您的滾動條或移動.signal-viewport這樣的:

<div class="signal-viewport">...</div> 
<div class="signal-h-scrollbar">...</div> 
<div class="signal-v-scrollbar">...</div> 

有關z-index