Question

以下是整个HTML文件。你需要知道的一切。我已经简化了HTML文件以专注于问题。问题是nicescroll的railpadding属性不起作用。它显示右侧的垂直栏杆，仅在其左侧添加了填充。如果在左右两侧添加填充，则不会使垂直条居中。对于水平滚动条，填充根本不起作用。 padding属性的top，right，left，bottom序列与一般CSS序列不同。我想知道这是否重要。 Nicescroll非常简单易用，可以满足我的需求。我有另一个滚动条小部件的问题，所以切换到这个。任何建议将不胜感激！

 <!DOCTYPE HTML>
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <head>
 <script>
 $(document).ready(function () {
$('#nice_div').niceScroll({cursorcolor:'#FF0000', autohidemode:'false', 
                         cursorwidth:4, background:'pink', 
             railpadding:{top:1,right:2,left:2,bottom:1}});
 </script>
 <body>

 <div id="nice_div" style="width:200px;height:100px;">A lot of text. A lot of text. A lot of text. A lot of text. A lot of text. A lot of text. A lot of text. A lot of text. A lot of text. A lot of text.
 ================================================ 
 A lot of text. 
 A lot of text. A lot of text. A lot of text. 
 ================================================
 A lot of text. A lot of text. A lot of text. 
 A lot of text. A lot of text.  
</div>
</body>
</html>

Answer 1

Samir， railpadding 功能似乎无法正常工作。测试版3.5表明它是固定的;但是，它对我不起作用。

作为一种解决方法，如果您不介意相等的间距（顶部，底部，左侧和右侧），您可以使用：cursorborder：“2px solid transparent。

Answer 2

更改“var v，a，kp = [”left“，”right“];” “var v，a，kp = [”left“，”right“，”top“，”bottom“];”在第733行

第1751行中的“self.cursorheight”为“self.cursorheight - self.opt.railpadding ['top'] - self.opt.railpadding ['bottom']”

JS File Repaired jquery.nicescroll.min.js

JQuery UI nicescroll railpadding属性不起作用

2 个答案: