Javascript 在“滚动”上,粒子未指向正确的点

Javascript 在“滚动”上,粒子未指向正确的点,javascript,html,css,particles,Javascript,Html,Css,Particles,我正在为我的粒子指向问题寻找解决方案。当我在particle.js(或自己的custom.js)交互时:{detect_on:“window”…,在滚动鼠标指针时,它正在定位另一个位置,但当我使用交互时:{detect_on:“canvas”它工作正常,指针位于画布内部的正确位置 /*带有默认值的particles.js变量*/ var pJS=function(e,t){var a=document.querySelector(“#“+e+”>.particles js canvas el”

我正在为我的粒子指向问题寻找解决方案。当我在particle.js(或自己的custom.js)
交互时:{detect_on:“window”…
,在滚动鼠标指针时,它正在定位另一个位置,但当我使用
交互时:{detect_on:“canvas”
它工作正常,指针位于画布内部的正确位置

/*带有默认值的particles.js变量*/

var pJS=function(e,t){var a=document.querySelector(“#“+e+”>.particles js canvas el”);this.pJS={canvas:{el:a,w:a.offsetWidth,h:a.offsetHeight},particles:{number:{value:400,密度:{enable:!0,value_面积:800},颜色:{value:{fff},形状:{type:{type:“圆”,笔划:{width:0,颜色:{ff0000,边数:{value:400,边数:},图像宽度:100},宽度:{,不透明度:{值:1,随机:!1,动画:{启用:!1,速度:2,不透明度:0,同步:!1},大小:{值:20,随机:!1,动画:{启用:!1,速度:20,大小:0,同步:!1},线链接:{启用:!0,距离:100,颜色:{fff,不透明度:1,宽度:1},移动:{启用:!0,速度:2,方向:“无”,随机:!1,直线模式:!1,直线模式:{启用:{旋转:3,旋转:},数组:[]},交互性:{detect_on:“canvas”,事件:{onhover:{enable:!0,mode:[]},onclick:{enable:!0,mode:!push:},resize:!0},模式:{grab:{distance:100,lineu链接:{opacity:1},bubble:{distance:100,size:80,duration 4},排斥:{distance:100,duration 4},push:{particles:{particles:nb nb 4},remove:{nb 2},鼠标,视网膜:{detect:},视网膜:{,modes:{},vendors:{},tmp:{};var i=this.pJS;t&&Object.deepExtend(i,t),i.tmp.obj={size\u值:i.particles.size.value,size\u anim\u速度:i.particles.size.anim.speed,move\u速度:i.particles.move.speed,line\u linked\u距离:i.particles.line\u linked\u宽度:i.particles.line\u linked\u宽度,mode\u抓取距离,mode\u bubble\u距离:i.interactivity.modes.bubble.distance,mode\u bubble\u大小:i.iinteractivity.modes.bubble.size,mode_Unsept_distance:i.interactivity.modes.Unsept.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size\u值*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size\u速度*i.canvas.pxratio.i.particles.move\speed=i.tmp.obj.move\n链接距离*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode\u grab\u distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode*i.canvas.pxratio,i.particles.line\u linked.width=i.tmp.obj.line\u linked\u width*i.canvas.pxratio,i.interactivity.modes.bubble=i.tmp.obj.model\u bubble\u-size*i.canvas*i.pxratio,i.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext(“2d”)},i.fn.canvasSize=function(){i.canvas.ctx=i.canvas.el.getContext(“2d”)},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.AddEvents&&window.AddEvents(“resize”),function(){i.canvas.w*=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable |(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.autopty()),i.fn.vendors.densityAutoParticles()}),i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,t,t,a){if(this.radius=(i.particles.size.size.random?Math():1)*i.particles.size.size.size,i.anim.)&&= 1!席。速度= 100。(这个)大小状态(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill(),i.fn.particleCreate=function(){for(var e=0;请阅读-总结是,这不是一种向志愿者致辞的理想方式,可能会对获得答案产生反作用。请不要将此添加到您的问题中。谢谢,您能解决此问题吗?@halfer