标签: nicescroll

我一直在尝试安装NiceScroll插件,这使得滚动更加顺畅.该网站是http://areaaperta.com/nicescroll/index.html,我似乎无法弄清楚如何安装它.我真的不明白指示.它不起作用,我不知道我在做什么因为我不懂jQuery.这是我的代码:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="C:\Users\haines\Desktop\Music\resource\jquery.nicescroll.js"></script>
<script src="C:\Users\haines\Desktop\Music\resource\jquery.nicescroll.min.js"></script>

<script>
var seq = 0;
$(document).ready(

function() { 

$("html").niceScroll();

}

);
</script>

顺便说一下,它在标题中.

我NiceScroll在div中添加了一个栏:

$("#div-name").niceScroll();

我该如何删除/销毁它？

我尝试了以下,但它不起作用:

$("#div-name").getNiceScroll().stop();

以下也不是解决方案:

$("#div-name").getNiceScroll().resize();
$("#div-name").getNiceScroll().hide();

编辑:我发现了问题!当添加NiceScroll到由JQuery Multiselect插件自动生成的div时,在iPad上我在其他NiceScrolldiv 上有一些可视化问题.所以这可能是与两个插件(NiceScroll和JQuery MultiSelect)集成有关的问题.

我使用Jquery漂亮的滚动条为div,但当div的内容动态增加时它不显示滚动条.如果我删除漂亮的滚动,Windows默认滚动条工作正常.任何人都可以帮我解决这个问题吗？

HTML

<div id="div-to-scroll">
</div>

脚本

$(document).ready(function(e) {
    var nice = $("#div-to-scroll").getNiceScroll();
    $("#div-to-scroll").niceScroll();
    $("#div-to-scroll").getNiceScroll().resize();
});

这是我的代码示例.

我正在使用niceScroll jQuery插件来替换溢出的常见浏览器滚动条<div>'s.该插件的工作很好,但我不能得到它的工作,并显示滚动导轨始终(即使内容没有超出<div>范围).我的最终配置是:

$(document).ready(function () {
    $(".div-wrapper").niceScroll({
        cursorcolor: "#333",
        cursoropacitymin: 0.3,
        background: "#bbb",
        cursorborder: "0",
        autohidemode: false,
        cursorminheight: 30
    });
};

我试过开枪,$(".div-wrapper").getNiceScroll().show()但它似乎也不起作用.

任何帮助将不胜感激,谢谢

我正在使用 nicescroll 插件。http://areaaperta.com/nicescroll/

我只是有点怀疑。页面加载后，我可以从浏览器中看到默认滚动条，然后显示的是 nicescroll 条。我想将 nicescroll 栏应用于所有文档，我有以下代码

var nice = $("body").niceScroll({
        preservenativescrolling: false,
        cursorwidth: '8px',
        cursorborder: 'none',
        cursorborderradius:'0px',
        cursorcolor:"#39CCDB",
        autohidemode: false, 
        background:"#999999"
     });

如果我将 autohidemode 设置为 true，我将看不到浏览器中的默认滚动条。但我想让 nicescroll 栏始终可见。

有谁知道为什么会这样？？谢谢

我想NiceScroll根据功能的结果隐藏/显示if。

在我的html书中，有三个部分，它们从左到右一一滚动。

我的脚本如下：

var section2 = $('#section2').offset().left; 
$(window).scroll(function(){
    var scrollZpos = $(document).scrollLeft();
    if (scrollZpos <= section2 ) {
        $("body").getNiceScroll().hide();
    }
    if (scrollZpos == section2 ) {
        $("body").niceScroll({touchbehavior:false,cursorcolor:"#67a5df",horizrailenabled:false,cursoropacitymax:1,autohidemode:false,cursorwidth:10,cursorborder:0,cursorborderradius:0,cursorminheight:180});
    }
    else if(scrollZpos >= section2 ){
        $("body").getNiceScroll().hide();
    }
});

滚动到第2节之外时，它会隐藏，但向后滚动时，它不会再次出现。

我正在使用Nicescroll并希望绑定到div的滚动事件,nicescroll-plugin被定义.

有点像:

$("#sec_menu").niceScroll();  
$("#sec_menu").scroll(function(e){   //do stuff here });

但是上述方法不起作用.我可以绑定哪个事件(可能是由nicescroll定义的自定义事件)在滚动时触发？我似乎无法在文档中找到任何内容.

谢谢

我正在使用一个非常有用的滚动条插件,称为nicescroll.

这个插件需要一些时间来加载,因为我已经在我的项目中使用了很多jquery.

是否有可能在脚本加载之前隐藏浏览器的默认滚动条,然后脚本将完成其工作并显示新的滚动条？

我正在使用此代码初始化插件:

$(document).ready(function() {
    var nice = $('html').niceScroll({
        cursorborder: "",
        cursorcolor: "#333333",
        cursorwidth: "12px"
    });
});

我有<article>标签,其中包含大量文本,它通常显示在旁边的jquery nicescroll,但如果它包含一个可以更改<article>标签的高度'某些可折叠元素)的元素, 并且nicescroll不想重新加载.

我的代码:

<article class="item">
  <div class="reference">some text</div>
  <a href="#long-2" data-toggle="collapse" class="reference-long arr_down"></a>
  <div id="long-2" class="collapse">some text</div>
</div>

如果我点击a,article变大,但我需要重新加载漂亮的滚动,当折叠的项目再次关闭时,我需要做同样的事情.

jquery,有时可以工作,但在Safari浏览器中不起作用:

$(document).ready(
function() {
$("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
}
);
$(function() {  
$('.reference-long').click(function(){
    $("article").getNiceScroll().remove();
    $("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
  });
});

我正在尝试使用Select2 4.0连接一些自定义滚动条.我在stackoverflow上找到了一些旧主题,但解决方案(使用select2 3.4 ie)似乎已经过时了.

我试过:jquery.scrollpane和jquery.nicescroll.两个滚动条都不适用于Select2 4.0.或者也许我做错了什么？

scrollpane解决方案(使用时,"找不到结果"错误)

$(function() {
	$('.select2-with-scroll').jScrollPane();
	
	$w.on('resize', function() {
		$('.select2-with-scroll').jScrollPane();
	});
}); 

<select class="select2-with-scroll">
  <option value=""></option>
  <option value="50">50</option>
  <option value="55">55</option>
  <option value="60">60</option>
  <option value="65">65</option>
  <option value="70">70</option>
  <option value="75">75</option>
  <option value="80">80</option>
  <option value="85">85</option>
  <option value="90">90</option>
  <option value="95">95</option>
  <option value="100">100</option>
</select>

nicescroll解决方案(绝对没有效果,HTML如上)

$(document).ready(
  function() { 
    $("select2-with-scroll").niceScroll();
  }
);

是否有任何其他自定义滚动条可以与Select2 4.0一起使用？或者也许可以将nicescroll或scrollpane与Select2连接？任何帮助将不胜感激.

几个星期以来,我一直在努力解决这个问题,我已经在这个网站和其他网站上研究过几十个帖子.我有一个非常基本的问题.我有一个DIV标签#scrollarea,可以在一个Web应用程序中动态创建,在运行中多次销毁和重新创建.我的问题是niceScroll功能仅适用于ONCE.第二次尝试后,我不再获得控件

我尝试了几种技术,包括resize()方法,没有任何作用.我还安装了一个调节器,确保它只安装一次,然后再安装resize().再一次,没有任何作用

鉴于我的代码被锁定在安全门后,并且通过脚本触发,这是一个非常困难的事情.

有没有人建议如何做到这一点？回顾:

• 页面加载,不#scrollarea存在
• 脚本触发,并#scrollarea安装到一个DIV
• niceScroll附加到#scrollareaONCE并且工作完美
• 脚本再次触发,#scrollarea被NEW scrollarea取代
• 无论我使用什么技术,滚动条都不再有效

尝试的方法:

• niceScroll每次新#scrollarea到达时安装
• 安装niceScrollONCE,永远不要再安装
• 安装niceScrollONCE然后发出一个getNiceScroll().resize()
• 尝试了.mouseover()- > .resize()技术

所有技术都无法在第二次使用时呈现可用的滚动条.

我正在使用nicescroll插件.http://areaaperta.com/nicescroll/

在Facebook中,当光标在滚动条上移动时,滚动条的宽度会增加.当光标向后移动时,滚动条的宽度返回默认宽度.我们怎么能这样做？