jquery网页加载时,滑到对应的元素位置加载一个让元素抖动的动画,滑过之后停止

可以使用 jQuery 的 animate() 方法来实现滑动到对应元素位置并让元素抖动的动画效果。具体实现步骤如下：

1. 给需要滑动到的元素添加一个 ID，方便后面定位元素。
2. 监听页面滚动事件，当滚动到对应位置时触发动画。
3. 使用 animate() 方法实现滑动和抖动动画效果。

以下是示例代码：

HTML 代码：

<div id="element" style="height: 1000px;"></div>

JavaScript 代码：

$(window).scroll(function() {
  var element = $('#element');
  var position = element.offset().top;
  var scrollTop = $(window).scrollTop();
  var windowHeight = $(window).height();

  if (scrollTop + windowHeight > position && scrollTop < position + element.height()) {
    element.animate({left: '+=10px'}, 50)
           .animate({left: '-=20px'}, 50)
           .animate({left: '+=20px'}, 50)
           .animate({left: '-=20px'}, 50)
           .animate({left: '+=10px'}, 50);
  }
});

上述代码中，首先获取需要滑动到的元素位置和当前页面滚动位置，如果滚动到了对应位置，则触发动画效果。动画效果使用 animate() 方法，依次让元素向右移动 10px，向左移动 20px，向右移动 20px，向左移动 20px，最后向右移动 10px，从而实现抖动的效果。