删除 class 后如何滚动到特定事件

Question

我有一个场景，其中剪辑的图像通过单击事件完全展开，然后 returns 通过另一个单击事件返回到剪辑的图像。这些图像很长，因此我需要浏览器在第二次单击事件时滚动回剪切图像的顶部，returns 图像缩小到剪切后的尺寸。

要触发图像调整大小，我只是使用 jQuery 点击功能，如下所示：

 jQuery("#zoom").on('click', function(){

   $(this).toggleClass('active').siblings().removeClass('active');

 });

我可以用jQuery实现滚动功能。我不知道如何根据上面的代码仅在删除活动 class 时才触发滚动。

如有任何帮助，我们将不胜感激。

谢谢朋友

Answer 1

生成全局布尔值并使用 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;

 });

删除 class 后如何滚动到特定事件

How to scroll to a specific event after removing class

jquery

scrolltop

scrollto