如何禁用jScrollPane的垂直滾動？

我正在使用jQuery插件jScrollPane。我想禁用我設置的滾動條的垂直滾動。如何禁用jScrollPane的垂直滾動？

我該怎麼做？

我檢查了他們的網站，但他們沒有官方的API頁面。

2012-07-24 Anriëtte Myburgh

我們想在我們的網站上隱藏水平滾動條，我的同事，前端開發人員，設法將它隱藏在CSS和Javascirpt中。 – 2012-07-24 12:30:04

我已經設法做到這一點，但jScrollpane無視它。 – 2012-07-24 13:04:41

官方[jScrollPane設置]（http://jscrollpane.kelvinluck.com/settings.html）和[jScrollPane API]（http://jscrollpane.kelvinluck.com/api.html） – thirdender 2012-07-29 14:36:23

他們可能沒有官方的api頁面，但他們確實有可以提供幫助的示例。例如，下面的頁面包含了一個解決這個問題：http://jscrollpane.kelvinluck.com/arrows.html

頁中的JavaScript

$(function() 
{ 
    $('.scroll-pane').jScrollPane({showArrows: true}); 
});

頁CSS

/* Styles specific to this particular page */ 
.scroll-pane 
{ 
    width: 100%; 
    height: 200px; 
    overflow: auto; 
} 
.horizontal-only 
{ 
    height: auto; 
    max-height: 200px; 
}

這似乎說明如何在這裏實現自己的目標。

來源

2012-07-24 12:33:19 djeglin

我的問題如下，我的滾動面積比用戶看起來要長，我將水平滾動條向上移動以便弄糊塗。我需要更長的時間，因爲我的可滾動內容在懸停時擴展了一些，所以它需要模擬「溢出」效果。我禁用了jScrollpane並將下面的CSS添加到'.scroll-pane {overflow-y：scroll！important; overflow-x：auto！important; }'。這適用於本機滾動條，但不能使用jScrollpane。 – 2012-07-24 12:56:09

似乎爲'.scroll-pane'指定'height：200px'是關鍵，這是我第一次使它更長，然後指定它恰好爲200px，使得垂直滾動消失。 – 2012-07-28 15:33:19

如何禁用jScrollPane的垂直滾動？

回答

相關問題