Question

我有一个场景，其中剪切的图像通过单击事件完全展开，然后使用另一个单击事件返回到剪切的图像。这些图像很长，所以我需要浏览器在第二次点击事件中滚动回到剪切图像的顶部，这会将图像返回到较小的剪裁尺寸。

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

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

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

 });

我可以使用jQuery实现滚动功能。我不知道如何在按照上面的代码删除活动类时触发滚动。

非常感谢任何帮助。

谢谢，朋友们

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;

 });

如何在删除课程后滚动到特定事件

1 个答案: