如何禁用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的垂直滚动？

回答

相关问题