Stack Overflow
Stack Overflow

Questions tagged [mcustomscrollbar]

mCustomScrollbar is a highly customizable custom scrollbar jQuery plugin.

Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel via jQuery mousewheel plugin, keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more.

91 questions
0
votes
0 answers

How to create custom scollbar using vanilla css/vanilla js

I want to create a dictionary-like feature where I want to design a custom scroll bar. I can customize it using CSS but it is up to some extent. I can't achieve what I want. Any help is appreciated. This is what I want This is what I can able to…
Rashidtvmr
  • 108
  • 8
0
votes
1 answer

How to customize malihu-custom-scrollbar-plugin in ReactJS?

I'm using malihu-custom-scrollbar-plugin in my ReactJS project, I can customize the scroll bar by editing the css in node_modules, the problem here after an npm install all the changes in node_modules will be gone, I need a way to edit the size, the…
Oussama Eddahri
  • 133
  • 12
0
votes
1 answer

How to change Malihu Custom Scrollbar snapAmoun on resize?

var slideAmount = $(window).width() > 1200 ? 300 : 10; $(".selector").mCustomScrollbar({ axis:"x", keyboard:{ enable: false }, snapAmount: slideAmount, }); How i can update snapAmount in this case? For an example i…
Vladimir-Manov
  • 61
  • 1
  • 1
  • 7
0
votes
1 answer

jqgrid Cannot read property 'rows' of undefined

I'm trying to add a custom scrollbar to my jqgrid table, on loadComplete method, like this: $(".ui-jqgrid-bdiv").mCustomScrollbar(); It works just fine for me, but in case with frozen columns I get this error: Cannot read property 'rows' of…
Надія Гопко
  • 1
  • 1
0
votes
1 answer

Getting jQuery plugin mCustomScrollbar is not a function error with Webpack setup

We have our frontend development environment with Gulp/jQuery and are trying to migrate it on Webpack. While running our new setup, browser is showing following console error with jquery.mCustomScrollbar plugin : Uncaught (in promise) TypeError:…
Rakesh Rawat
  • 327
  • 3
  • 14
0
votes
1 answer

scroll one element at a time using mCustomScrollbar

How to make sure that on scrolling elements one element at a time using mCustomScrollbar. I have following html:
  • A
  • B
  • C
  • D
On scrolling ul only one li should scroll at a time i.e no…
Shaun Henry
  • 82
  • 8
0
votes
0 answers

m.Custom scrollbar not working in RTL Mode

I have made a website ( static for just now ) and I have used scroll bar for displaying recent post in a widget it has vertical and horizontal scrollbar both. The base of the website is bootstrap 4.1.3 and all the thing works fine in ltr mode. But…
Owaiz Yusufi
  • 849
  • 1
  • 14
  • 34
0
votes
1 answer

Custom select (Nice select) with custom scrollbar (mCustomScrollbar)

I'm new here and I'm facing an issue which I can't fix. I have a custom select using nice select which is working perfectly, then I added mCustomScrollbar which is working fine too, the issue is when I want to use the keyboard only, I first focus…
Cloud Strife
  • 1
  • 1
  • 4
0
votes
3 answers

How to set the width of mCustomScrollbar using CSS

I am trying to increase the width of the scroll bar by setting width of .mCSB_dragger as described in the documentation. But the scrollbar width remains as is. $('#container1').mCustomScrollbar({ theme:"dark-3" …
Simsons
  • 12,295
  • 42
  • 153
  • 269
0
votes
1 answer

Unable to show mCustomScrollBar on dynamically added elements

I have a div
. In this div i am dynamically adding a ul element $("#MetricsTypeYearModelList").append('
    '); After this i am…
    Waleed Naveed
    • 2,293
    • 2
    • 29
    • 57
    0
    votes
    1 answer

    Scroll - On click not able to scroll the custom scroll inside fixed sidebar

    I have made a fixed sidebar and applied the custom scrollbar (i.e. m.customscrollbar) but the I want that on click of the anchor tag ( inside the accordion )i want to scroll the accordion at the top of the sidebar and for that I am using the same…
    Owaiz Yusufi
    • 849
    • 1
    • 14
    • 34
    0
    votes
    1 answer

    two scrolls get triggered at once

    I've currently been using jQuery Custom Scrollbar on a project. I have a main div with a scrollbar and another small div with a scrollbar inside the main div. And whenever I scroll the small div it triggers the main div to scroll when the scrollbar…
    kim
    • 1
    0
    votes
    0 answers

    Jquery error. "Unsupported pseudo: mcsInView" while using malihu scroll plugin

    I'm using one of the most popular jquery custom scroll plugin: Malihu It has an option, that helps to determine if element is in scrollable parents container viewport (lool at Plugin-specific jQuery expression). On plugin's demo page it works more…
    Artyom Sosonko
    • 59
    • 2
    • 7
    0
    votes
    1 answer

    Gallery slider bug while loading content via AJAX in jQuery

    I'm using a jQuery plugin (link) to pull external pages into a div on my homepage, and each one of the external pages contains a jQuery-based horizontal gallery slider. Example: http://www.iamtimothylong.com/example You'll notice that when the…
    Timothy Long
    • 1
    • 1
    0
    votes
    1 answer

    mCustomScrollbar scrollButtons - scrolltype: "stepped"

    Does anyone encounter the problem that when setup "scrollButtons: { scrollType: "stepped"} buttons doesn't work on touch devices? code: $("container").mCustomScrollbar({ setHeight: false, autoExpandScrollbar:true, snapAmount: height, …
    WEBCENTER
    • 143
    • 4
    • 14
    1 2 3
    4
    5 6 7