如何在slimscroll中使用border-radius

时间:2016-04-16 12:32:03

标签: javascript jquery html slimscroll

$(document).ready(function(e) { 
  $('.slimmscroll').slimscroll({
    color: 'rgba(0,0,0,0.5)',
    size: '4px',
    radius : '40px',
    height: '100px',
    alwaysVisible: true
  });
});
<script src="https://raw.github.com/rochal/jQuery-slimScroll/master/jquery.slimscroll.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<div class="slimmscroll">
  <h1>Simple Sidebar</h1>
  <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.</p>
  <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
 <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.</p>
  <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>

</div>

我没有得到如何在jQuery中使用slimscroll中的border-radius? 我尝试了“border-radius”,发出错误,并试图“半径”无法正常工作。

1 个答案:

答案 0 :(得分:0)

我之前已经研究过,直到我记得你可以尝试使用BorderRadius或
railBorderRadius,它将在jquery.slimscroll.min.js文件中