jQuery滾動條間距問題

這絕對是一個新手問題，但我想知道如何添加填充到jQuery滾動條，以確保滾動條和mainContent文本之間有更多的間距（也許填充是這個錯誤的屬性？？）。我一直試圖向不同的CSS規則添加填充到jquery.jscrollpane.css（嘗試在這裏使用試驗和錯誤），並且滾動條不會遠離文本。jQuery滾動條間距問題

來源

2011-12-12 user1094458

你可以發佈你的html和jquery嗎？您可以使用'代碼'工具欄按鈕或縮進四個空格來自動阻止和語法突出顯示代碼。 – mrtsherman

網址是否足夠？ – user1094458

@ user1094458這可以工作。 –

您的內容似乎包含在<div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 529px; top: -434.14428571428573px; ">我會建議而不是padding-right:0;將其更改爲也許padding-right:5px;。

要麼將它添加到那裏，要麼在HTML中指定的任何東西來保存文本，我相信它是#mainContent或.scroll-pane。

來源

2011-12-12 20:28:02

雅我首先使用firebug試圖弄清楚，然後看到這些代碼行，但在jquery.jscrollpane.css文件中，我完全看不到.jspPane .....我已經複製並粘貼在第一個37行的CSS文件，所以你可以看到我做什麼： – user1094458

/* * jScrollPane需要的CSS樣式才能正常運行。 * *將此樣式表包含在您的網站中，或將以下樣式複製並粘貼到您的樣式表中 - jScrollPane *可能無法在沒有它們的情況下正常運行。 */ .jsp容器 { \t overflow：hidden; \t位置：相對; } .jspPane { \t position：absolute; \t padding-right：5px; } .jspVerticalBar { \t position：absolute; \t top：0; \t right：0; \t width：8px; \t身高：100％; \t } 。jspHorizontalBar { \t position：absolute; \t bottom：0; \t left：0; \t寬度：100％; \t height：16px; \t背景：紅色; } – user1094458

抱歉忽略代碼的最後評論....看看這段代碼.... – user1094458

滾動條和內容都是絕對定位的。因此添加填充或邊距只會增加它們的寬度，但相對於彼此沒有影響。您需要更改元素的實際寬度。以下應該工作。

.jspPane { width: 500px; }

更新，實際上這是行不通的。寬度被指定爲嵌入式樣式。如果您對此有手動控制，那麼您應該自己編輯它。如果這是由jscrollpane設置的，那麼你將需要找到一個允許你指定內容寬度的api。

來源

2011-12-12 20:30:11 mrtsherman

jQuery滾動條間距問題

回答

相關問題