jQuery nicescroll不适用于动态内容和其他产生随机效果的JavaScript函数

Question

事情就是这样，由于导航链接很多，我的侧边栏高度很高。 而且我正在使用jQuery nicescroll插件使其看起来不错。 在边栏中，我还具有h3标签，该标签具有每4秒显示一次字母（请参见代码）的随机效果。 因此，当它打开时-滚动在这4秒钟内完全不起作用，并且您无法进行任何滚动。 我尝试使用$("#sidebar").getNiceScroll().resize()但它也不起作用。 有什么办法可以使其工作？

<div id="sidebar">
<h3 id="output">Random</h3>
</div>

//Calling for nicescroll function for my sidebar
$(function(){
    $("#sidebar").niceScroll({ cursorcolor:"#66aee9", cursorfixedheight: 400 });
})


//Random effect for my h3 tag
setInterval(function(){
  $(document).ready(function(){
  var theLetters = "abcdefghijklmnopqrstuvwxyz#%&^+=-"; //You can customize what letters it will cycle through
  var ctnt = "Random"; // Your text goes here
  var speed = 50; // ms per frame
  var increment = 8; // frames per step. Must be >2
  var clen = ctnt.length;
  var si = 0;
  var stri = 0;
  var block = "";
  var fixed = "";
  //Call self x times, whole function wrapped in setTimeout
  (function rustle (i) {
  setTimeout(function () {
    if (--i){rustle(i);}
    nextFrame(i);
    si = si + 1;
  }, speed);
  })(clen*increment+1);
  function nextFrame(pos){
    for (var i=0; i<clen-stri; i++) {
      //Random number
      var num = Math.floor(theLetters.length * Math.random());
      //Get random letter
      var letter = theLetters.charAt(num);
      block = block + letter;
    }
    if (si == (increment-1)){
      stri++;
    }
    if (si == increment){
    // Add a letter;
    // every speed*10 ms
    fixed = fixed +  ctnt.charAt(stri - 1);
    si = 0;
    }
    $("#output").html(fixed + block);
    block = "";
  }
  });
}, 4000);

Answer 1

我更改为行并在jsfiddle中对其进行检查 ，看起来工作滚动正常。

之前：

setInterval(function(){
  $(document).ready(function(){
...
  });
}, 4000);

后：

$(document).ready(function(){
  setInterval(function(){
...
  }, 4000);
});