How to use border-radius in slimscroll

Question

$(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>

am not getting how to use border-radius in slimscroll in jQuery ? I tried "border-radius", is firing an error, and tried "radius" is not working.

You can't and shouldn't use files from `raw.github.com` as scripts, because they have the MIME type `text/plain` and therefore won't be executed. For more information, see [this](http://stackoverflow.com/questions/7180099/including-js-from-raw-github-com). — LarsW, Apr 16 '16 at 15:09

score 0 · Accepted Answer · answered Apr 16 '16 at 12:49

0

I have worked on it before as far I remeber you can try with BorderRadius or
railBorderRadius, it will be inside jquery.slimscroll.min.js file

answered Apr 16 '16 at 12:49

user3045179

321
4
20

How to use border-radius in slimscroll

1 Answers1