在bootstrap模式中使用时，Nanoscroller.js不会被自身触发 [英] Nanoscroller.js doesn't get triggered by itself when used in bootstrap modal

问题描述

我想在bootstrap模式中使用nanoscroller。我有一个内部div包裹我的模态的主体和一个包围内部div的外部div。

I want to use nanoscroller in a bootstrap modal. I have an inner div which wraps up the body of my modal and an outer div which encloses the inner div.

<div class="nano modal-body ">
        <div class=" content">
            <p>.....My content here...</p>
        </div>
</div>

如下所示，我将外部div的高度设置为100px。但不知怎的，它不起作用。

As you can can see below, I've set the height of the outer div to 100px. But somehow it doesn't work.

.nano {
    height: 100px!important;
}
.nano .pane {
    background: #888;
}
.nano .slider {
    background: #111;
}

和继续我怎么称呼它。

And heres how i've called it.

$(".nano").nanoScroller();

ie，

i想要这个：





< a href =http://s12.postimg.org/upg1i8qct/image.png> http://s12.postimg.org/upg1i8qct/image.png





代替



http://s16.postimg.org/58wbl6c05/image.png





继承人 nanoscroller文档

在jsfiddle上查看

推荐答案

（ .nano）。nanoScroller（）;

(".nano").nanoScroller();

ie，

i想要这个：





http ：//s12.postimg.org/upg1i8qct/image.png





代替



http://s16.postimg.org/58wbl6c05/image.png





继承 nanoscroller文档
在jsfiddle上查看

这篇关于在bootstrap模式中使用时，Nanoscroller.js不会被自身触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！