jScrollPane - 如何讓滾動條單獨的箭頭

我正在使用jScrollPane for jQuery使滾動條看起來像Windows 8滾動條（爲了好玩，我正在做一種Metro/Modern UI樣機）。我的滾動條看起來很低調，但我遇到了一個問題。沒有辦法（至少在當前版本中）獲取左箭頭圖像和右箭頭圖像（因爲我正在使用水平滾動，就像在Metro UI中一樣）。我在這裏看到了一些問題，他們展示了一個jQuery燈光主題，它爲您提供了單獨的箭頭（菱形主題），但這是一個令人頭痛的問題，根本不是我想要的。有任何想法嗎？？jScrollPane - 如何讓滾動條單獨的箭頭

來源

2012-11-03 ModernDesigner

爲什麼你不能修改類.jspArrow的CSS來將你的箭頭圖像顯示爲背景圖片？

望着演示here之一，我看到這樣的CSS：

.jspArrow 
{ 
    background: #50506d; 
    text-indent: -20000px; 
    display: block; 
    cursor: pointer; 
}

改變它的東西，如：

.jspArrow 
{ 
    background: url('your_arrow_img') 
    text-indent: -20000px; 
    display: block; 
    cursor: pointer; 
}

有用於jspArrowRight和jspArrowLeft單獨的類，應該幫助你進一步。

如果這不起作用，我確定可以爲滾動條創建「填充」，他們在文檔中稱它爲一個裝訂線。我會創建裝訂線，然後在滾動條軌道上的元素前後使用CSS僞渲染箭頭。

來源

2012-11-03 20:00:47 Throttlehead

嗨，感謝您的回覆，抱歉，延遲，我已經出去了，但我不想這樣做，因爲它然後顯示相同的圖像的頂部和底部（或左和右）。我想要不同的圖像。而且，據我所知，呃，沒有沒有菱形主題的.jspArrowRight和.jspArrowLeft，對吧？ – ModernDesigner

確實有arrowRight和arrowLeft類添加到他們。 – Throttlehead

jScrollPane - 如何讓滾動條單獨的箭頭

回答

相關問題