Stack Overflow
Stack Overflow

Questions tagged [nanoscroller]

is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

19 questions
3
votes
1 answer

bootstrap dropdown and nanoscroller JS

Something really annoying is happening when I use a Bootstrap dropdown and the nanoscrollerJS plugin. The nanoscroller plugin is not triggered when you dropdown the menu. It instead triggers as soon as you use firebug and go over the dropdown…
user2513846
  • 1,151
  • 2
  • 16
  • 39
2
votes
2 answers

I have a pagepiling question, combining that with nanoscroller

I have this sample website, http://www.miguelonenterprises.com/horizontalScroll.html. The problem that I have with this website is this: It's a pagepiling page. If I were to place the mouse inside the nanoscroller section, and scroll down, the page…
Michael Lopez
  • 79
  • 1
  • 8
2
votes
1 answer

Why does not work scrolling in naniScroller to element?

I use Jquery NanoScroller on page: $timeout(function () { $('.dialog-window .nano').nanoScroller({preventPageScrolling: true, scrollTo: $('#lastMesasage')}); }, 500); But this code does not scroll block .dialog-window .nano to…
Faud
  • 451
  • 3
  • 7
  • 16
2
votes
2 answers

Max-height and nanoscroller + AngularJS NgRepeat

I'm trying to make a div that expands to a max-height using nanoScroller and ngrepeat of angularjs, but I can't make it work, here is the plunkr: Plunkr. If you change the _Array length to 5 you will see what I am saying. The height of the div…
kaseOga
  • 771
  • 10
  • 24
1
vote
2 answers

How to use nanoScroller with angular js

I have a problem with nanoScroller. I am using Angularjs on the porject.I've a directive where I want to call the nanoScroller. It looks like this: Show Me
…
Artem Halas
  • 153
  • 1
  • 2
  • 15
0
votes
0 answers

nanoScroller Error after adding library to Angular project

after adding mapsvg jQuery library to Angular (4) project and add popover functionality to map, I receiving an error in Console and popover functionality doesn't work. I added references to all js files into Angular project. Error: core.js:1673…
Sepcio
  • 235
  • 1
  • 6
  • 17
0
votes
0 answers

Break the overflow of nanoscroller and overlap a div

I searched for an example how to make the body of a table scrollable by using nanoScroller. The only solution was made with divs and works fine. Now I want to add a menu inside this cells which should overlap the body of the table corners like…
leichtgemerkt
  • 1
  • 2
0
votes
1 answer

CSS overflow: visible not working

Don't properties overflow-y: scroll; overflow-x: visible; to one element. Help solve the problem. If the left menu is collapsed, when you hover over the li with a child element with class submenu, the submenu doesn't appear because of overflow-y…
b-ars07
  • 13
  • 1
  • 8
0
votes
1 answer

AngularJS: Bootstrap-colorpicker Colors are not displayed if Jquery is added above the angularJS

I have found a strange issue where if i add Jquery above the angular js, bootstrap color picker stops displaying the colors. In my index.html
Aman Gupta
  • 1,764
  • 4
  • 30
  • 58
0
votes
2 answers

how to add nanoscroller on table body for jquery datatables?

I am trying to add nanoscroller to my table fyi, i'm using data tables. What i want is header should be fixed and the scroll should apply only on table body but it is applying to the full table. can anyone please help me with this? Here is what I…
Raja
  • 165
  • 1
  • 10
0
votes
0 answers

Readjusting nanoScroller when new data is added.

Im using angular nanoscroller which is a wrapper for nanoScrollerJS: https://github.com/maxaon/angular-nanoscroller I want the scrollbar to automatically adjust itself to the top of the point where the new data is added (when it is added), right now…
Aymen Rizwan
  • 83
  • 7
0
votes
1 answer

Nano Scroller is not working in bootstrap DropDown and Model Box

I am trying to create a messaging and notification system similar to facebook with nano-slider (nanoScroller.js) in the drop down. However, the content is scrolling but the slider is not visible. This is my html code:
  • Srijan Karki
    • 1,576
    • 2
    • 14
    • 21
    • 0
    votes
    1 answer

    jQuery Load content on click

    EDIT: Basically I want to know if there is away to hook the new content loaded from a jquery $('#mydiv').load(myurl) function to the current pages jQuery plugins etc I have a webpage where a user clicks a link which then loads the URL content into a…
    BENN1TH
    • 2,003
    • 2
    • 31
    • 42
    0
    votes
    1 answer

    Nanoscroller auto update scrollbar

    i have a nanoscroller on a data table but when i search data i want to update de nanoscroller scroll bar. i am running a script on update input field but that does not work. $('input[type=search]').change(function () { …
    notify
    • 59
    • 1
    • 10
    0
    votes
    0 answers

    Max-height for nano scrolls the whole page up

    I use https://github.com/jamesflorentino/nanoScrollerJS I have a container which has max-height 600px. This container has nanoScroller. And if the height of this container changes dynamically (collapsing), then the main page scroll (browser scroll)…
    Artem Halas
    • 153
    • 1
    • 2
    • 15
    1
    2