Comments (3)
To make it always visible
.nano .pane { visibility: visible; opacity: 1; }
The css definition above will override the rules defined in nanoscroller.css
To change its height, you need to change the height
css property of the main container which is .nano
If your mark-up is like this:
<div id="about" class="nano">
<div class="content"> ... </div>
</div>
then your css should be something like this:
#about.nano { height: 500px; width: 300px; }
The scrollbars' height is dependent on the height of the .nano
div layer.
Hope that helps.
from nanoscrollerjs.
What I meant though was the thickness of the scrollbar, but now I see that it cannot be used horizontally...
It is nice for vertical use though. Thanks.
from nanoscrollerjs.
Sorry about that. Yes, nanoScroller only works for vertical scrollbars.
from nanoscrollerjs.
Related Issues (20)
- Several classes for sliders (and panes, maybe)
- alwaysVisible doesn't make scrollbar always visible
- Nanoscroller doesn't scroll browser window when user is pulling down scrollbar slider with the mouse HOT 1
- dynamic content HOT 3
- In firefox for linux, default scroll bar is shown beneath nanoscroller .pane HOT 4
- scrollbar not visible
- No source files on NPM? HOT 4
- How to implement lazy-load images HOT 2
- Multiple Nanoscrollers. HOT 1
- Prevents click events on Windows 8 HOT 1
- Save scroll position HOT 4
- Top attribute on parent container shortens scroller HOT 1
- it has some delay in low internet speed mode! HOT 2
- Child Scrolling issues. HOT 2
- Unable add nano scroll on body element? HOT 1
- [QUESTION] Where I can find the CI service?
- Apple ipad 4 in Chrome default scrollbar is visible. what could be the reason? And how to fix? HOT 1
- is there any support for react?
- Slider not draggable - Right click and drag works but left click not working (fullpage.js)
- broken url
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nanoscrollerjs.