Javascript 如何在jQuery计数器最后一次离开的位置暂停它?
我的网站上有一个简单的jquery计数器。它设计为在视口中启动,但当您进一步滚动时,计数器将重置。我怎么能把柜台停在最后一次离开的地方 请随意编辑或使用代码:Javascript 如何在jQuery计数器最后一次离开的位置暂停它?,javascript,html,jquery,css,counter,Javascript,Html,Jquery,Css,Counter,我的网站上有一个简单的jquery计数器。它设计为在视口中启动,但当您进一步滚动时,计数器将重置。我怎么能把柜台停在最后一次离开的地方 请随意编辑或使用代码: var isInViewport=函数(elem){ var distance=elem.getBoundingClientRect(); return(distance.top>=0&&distance.left>=0&&distance.bottom这会更好。您可能需要停止“退出”视口上的计数,但当您这样做时,我的代码将从原来的位
var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();
return(distance.top>=0&&distance.left>=0&&distance.bottom这会更好。您可能需要停止“退出”视口上的计数,但当您这样做时,我的代码将从原来的位置开始
var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();
return(distance.top>=0&&distance.left>=0&&distance.bottom您可以使用数据属性来存储计数器计数,如下所示
您只需修改计数器开始:
var isCounting = thisElement.data("isCounting");
if (isCounting) return;
thisElement.data("isCounting", true);
在动画代码中,添加将数据属性设置为false的回调:
() => {
thisElement.data("isCounting", false);
})
编辑:根据评论编辑。
var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();
return(distance.top>=0&&distance.left>=0&&distance.bottom每次滚动时都会重新实例化它。jQuerySimpleCounter没有pauseNo需要。文本包含值Hi-Eldar,感谢您的回答。就像我对mplungjan的评论。我的问题有点误导。目标不是暂停计数器(或重置计数器)而不是让它计数到一个特定的数字(在视口中开始计数),然后暂停。希望我能澄清它。代码是什么样子的?Sry,我今天有点慢:)太棒了,这正是我一直试图存档的内容。非常感谢你,艾达!谢谢你的快速回复,姆普隆詹!我刚刚意识到,我的问题有点误导。目标不是暂停计数器(或重置计数器),而是让它计数到一个特定的数字(在视口中开始计数)然后拖延。希望我能澄清一下。