search

malihu / malihu-custom-scrollbar-plugin

Highly customizable custom scrollbar jQuery plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support etc.
http://manos.malihu.gr/jquery-custom-content-scroller
MIT License
4.11k stars 1.51k forks source link

height position and scrolling problem on the bar #655

Open GedeonNzemba opened 3 years ago

GedeonNzemba commented 3 years ago

Please help me. I'm desperately in need of your help.

I have attached a vide link to the problem and I have also shared the css and HTML .

I'M USING REACTjs along with GATSBYjs.

### What is the problem: My problem is, as you can see here in this video here. I'm not able to scroll down, I have to drag the scrollbar-thumb in order for me scroll. Also the scrollbar is not displaying properly, like the height of the scrollbar is small.

Please help me.

HTML and CSS code Screenshot (1) Screenshot (3) Screenshot (2) Screenshot (5) Screenshot (4)

` <div className="mCustomScrollbar" data-mcs-theme="dark" id="#content-1" style={{ width: "300px", overflowY: "auto", height: "300px", margin: "0 auto", marginTop: "6rem" }}>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book 

    </div>

`

hvianna commented 3 years ago

See https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/652#issuecomment-632705953 for fix