search

jamesflorentino / nanoScrollerJS

A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.
http://jamesflorentino.github.com/nanoScrollerJS/
MIT License
2.69k stars 502 forks source link

Resizing browser window makes content go under slider #276

Closed giorgi-nakeuri closed 9 years ago

giorgi-nakeuri commented 9 years ago

untitled

Workaround: Ive added margin-right property on content and have colored built-in scroller to have the same color as containig divs background color. Without this hack both nano and built-in scroller are visible.

.nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0;

    margin-right: 10px;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}
giorgi-nakeuri commented 9 years ago

Sorry guys, my mistake. No need for such stupid hacks. Just put content in another div with needed margins like this: 

#margin{
    margin:15px;
}
<div id="nanoitem" class="nano">
    <div id="content" class="nano-content">
        <div id="margin">

content goes here...