Javascript Jquery滚动条没有';无法处理所有溢出数据

Javascript Jquery滚动条没有';无法处理所有溢出数据,javascript,jquery,Javascript,Jquery,我尝试使用nicescroll jquery插件更改滚动条的样式。 为#ID定义了以下javascript var左盒; var-off; 函数initScroll(){ $(“#框”)。滚动(功能(e){ 如果(!off)返回; leftbox.style.backgroundPosition=-px+“px”+-py+“px”; }); } $(文档).ready(函数(){ leftbox=document.getElementsByTagName(“#leftbox”)[0]; $('

我尝试使用nicescroll jquery插件更改滚动条的样式。 为#ID定义了以下javascript


var左盒;
var-off;
函数initScroll(){
$(“#框”)。滚动(功能(e){
如果(!off)返回;
leftbox.style.backgroundPosition=-px+“px”+-py+“px”;
});
}
$(文档).ready(函数(){
leftbox=document.getElementsByTagName(“#leftbox”)[0];
$('#leftbox').nicesroll({cursorpacitymax:0.8,cursorwidth:8});
initScroll();
});
我想它会改变相同ID(#leftbox)的所有出现的滚动条 但它更改了第一次出现的#ID的滚动条

帮帮我!
我希望这段代码更改滚动条,即使我调用了n次#ID。

ID是uniqe。不能使用多个相同id。尝试使用一个类

,将
设置为off
变量为true?
<script>
  var leftbox;
  var off;

  function initScroll() {
    $("#box").scroll(function(e) {
      if (!off) return;
      leftbox.style.backgroundPosition=-px+"px "+-py+"px";
  });
}

  $(document).ready(function() {
    leftbox = document.getElementsByTagName("#leftbox")[0];
    $('#leftbox').niceScroll({cursoropacitymax:0.8,cursorwidth:8});    
    initScroll();
});
</script>