删除 class 后如何滚动到特定事件
How to scroll to a specific event after removing class
我有一个场景,其中剪辑的图像通过单击事件完全展开,然后 returns 通过另一个单击事件返回到剪辑的图像。这些图像很长,因此我需要浏览器在第二次单击事件时滚动回剪切图像的顶部,returns 图像缩小到剪切后的尺寸。
要触发图像调整大小,我只是使用 jQuery 点击功能,如下所示:
jQuery("#zoom").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
});
我可以用jQuery实现滚动功能。我不知道如何根据上面的代码仅在删除活动 class 时才触发滚动。
如有任何帮助,我们将不胜感激。
谢谢朋友
生成全局布尔值并使用 if 语句,如下所示:
var active = true;
jQuery("#zoom").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
if(!active){
$("body").animate({ scrollTop: $("body").offset().top}, 1000); //1000 is the speed of the animation
active = true;
}
else active = false;
});
我有一个场景,其中剪辑的图像通过单击事件完全展开,然后 returns 通过另一个单击事件返回到剪辑的图像。这些图像很长,因此我需要浏览器在第二次单击事件时滚动回剪切图像的顶部,returns 图像缩小到剪切后的尺寸。
要触发图像调整大小,我只是使用 jQuery 点击功能,如下所示:
jQuery("#zoom").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
});
我可以用jQuery实现滚动功能。我不知道如何根据上面的代码仅在删除活动 class 时才触发滚动。
如有任何帮助,我们将不胜感激。
谢谢朋友
生成全局布尔值并使用 if 语句,如下所示:
var active = true;
jQuery("#zoom").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
if(!active){
$("body").animate({ scrollTop: $("body").offset().top}, 1000); //1000 is the speed of the animation
active = true;
}
else active = false;
});