Lionbars問題（CSS滾動條小部件）

我真的很喜歡lionbars widget，但有幾件事情沒有解決。我在本地挖掘了所有這些問題，因此在開始重新安排代碼之前，我想知道是否有已知的方法來處理這個問題。Lionbars問題（CSS滾動條小部件）

水平滾動條不工作（縱是）
滾動面板（以及相應的滾動條）未調整的窗口調整
有一個在垂直條的右側一個奇怪的變色，如果被放大的窗口出太高
我可以控制滾動條的寬度;默認垂直滾動條太窄

2011-11-17 Nutritioustim

嗨弗萊，你能用你的代碼製作一個http://jsfiddle.net/嗎？ – Yisela

好吧，我試圖把一個基本的代碼示例jsfiddle：http://jsfiddle.net/3XPNk/3/。但是獅子似乎並沒有被裝上。它把它放在託管資源部分。 – Nutritioustim

要回答爲了您的問題：

水平滾動：您的代碼是裝上的jsfiddle，但你在錯誤的設置LionBars DIV。只需設置LionBar功能上#parent而不是#child和水平滾動應該工作：http://jsfiddle.net/3XPNk/8/

然而，我發現，水平滾動會在我的Mac上，由於WebKit瀏覽器（Chrome和Safari）不工作關於瀏覽器如何處理水平滾動條以及LionBars腳本本身如何檢測水平滾動條的問題。您可能需要聯繫開發人員。
Scrollpane not resizing：不確定你的意思。請詳細說明？您已將#parent和#child定義爲固定像素大小，因此它們顯然不會調整大小。如果您想要流暢調整大小，請嘗試百分比。
「奇怪的變色」：這是因爲腳本實際上只是將實際滾動條偏移到滾動div的可視區域之外的像素量。一旦縮小，就會中斷，因爲滾動條的寬度會隨着縮放比例而變化，並且偏移量變得太小而無法擠出所有滾動條。你看到的那種奇怪的變色是一些滾動條擠進視圖中。同樣，你可能想告訴開發者這件事。
更改滾動條寬度：是！只需編輯lionbars.css中的.vertical和.horizontal的值即可。

修復問題1 & 3上面的代碼需要對腳本進行一些擺弄。這不完全一樣（沒有漂亮的淡入淡出效果，你必須自己重新設計風格），但是您可能需要考慮使用此插件，因爲它看起來更加開發和兼容：http://jscrollpane.kelvinluck.com/

來源

2011-11-18 02:59:40

非常感謝您的反饋。我必須在某個時候回到獅子座。我在這裏用一個手動滾動的解決方案：http://jsfiddle.net/twashing/RzHJP/ – Nutritioustim

有一個新版本的lionbars，具有較少的錯誤並大大改進了瀏覽器支持。你可以查看www.nikolaydyankov.com/lionbars

乾杯！

來源

2011-12-18 23:01:48

嘿，那裏，謝謝你的頭和這方面的工作。我正在嘗試它。在這樣的小部件中，我需要幾件事情。 1）能夠設置滾動條和軌道寬度，2）有一個隱藏/鼠標懸停效果3）同時接合水平和垂直滾動條，以及4）沒有在我的示例中看到的角落：http：// jsfiddle .net/twashing/RzHJP/ – Nutritioustim

5）我也想讓獅子座窗格對窗口大小做出反應，根據需要調用和移除滾動條。你可以在http://storydesk.com上查看PresentationApp來查看這個例子。 – Nutritioustim

這些功能大部分都在開發中或已經完成。如果你想測試它，你可以試試github上的代表：www.github.com/nikolaydyankov/lionbars –

Lionbars問題（CSS滾動條小部件）

回答

相關問題