javascript插件仅在鼠标进入视口时起作用

Posted 2023-05-09

【中文标题】javascript插件仅在鼠标进入视口时起作用

【英文标题】：javascript plugin only working when mouse enters the viewport

【发布时间】：2019-10-31 09:48:26

【问题描述】：

我正在使用一个名为 jGravity.js 的 javascript 插件，并设法使重力效果在相关的 div 元素上起作用。然而，脚本仅在鼠标进入视口时启动，而不是在页面加载后立即启动。

我已经尝试了以下...

$(document).ready(function() 
        $('body').jGravity( 
            target: 'div.text',
            ignoreClass: 'name', 
            weight: '10',
            depth: 5,
            drag: true
        );
);

我认为这将使脚本无需提示即可运行。

有什么想法吗？

【问题讨论】：

只是一个猜测，但drag 属性可能是相关的，如果您还没有设置，可以尝试将其设置为 false。

@RutherfordWonkington 我已经尝试过了，但不幸的是仍然没有运气

这似乎是插件的操作方式：function onDocumentMouseMove() if (!isRunning) run(); ... 。也许你可以扩展插件。这是一个quick test，只是手动调用run()函数。

@showdev 完美！

【参考方案1】：

您总是可以在脚本中添加使鼠标进入视点的功能， 其他我不知道。