Jquery 滚动至带有自定义CSS3转换的

我有一段代码，它使用标准的jQuery驱动的动画从页面的一个部分平滑地滚动到另一个部分（以避免页面内锚的页面跳转）。这是：

// Scroll to 
$('.scrollto').click(function() {
   var elementClicked = $(this).attr("href");
   var destination = $(elementClicked).offset().top;
   $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 800 );
   return false;
});

我不想使用JQuery的动画，而是使用自定义CSS3转换，如下所示：

.scrollto {
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
     -moz-transition-timing-function: cubic-bezier(.77,0,.175,1);
      -ms-transition-timing-function: cubic-bezier(.77,0,.175,1);
          transition-timing-function: cubic-bezier(.77,0,.175,1);
}

---

如何将两者合并在一起并确保使用CSS3转换而不是jquery？

您不能使用CSS3转换来控制jquery函数。也不能使用CSS直接为滚动条设置动画，因为滚动位置不是样式

有一些库通过利用CSS3转换（）来模拟滚动，但是为了移动本机滚动条，您需要严格使用JavaScript

---

解决方案是使用允许自定义缓解功能的。它还附带了内置CSS3功能的副本。

值得怀疑的是，我不确定整个页面将如何动画化。也许你需要在animate属性中使用类似于easing的插件或特殊的easing，这允许你在jquery动画中使用bezier曲线我在这里看到了两次反向逻辑。。。jQuery将（假设）控制转换的启动——它的简化功能已经存在了相当长的时间。没有办法在CSS中设置滚动条的动画。有一些库利用CSS3转换来提供滚动的外观，但是为了使scrollTop动画化（正如所要求的那样），您需要用JavaScription来实现它，我必须同意（事实上，为什么不把它放在答案中）。好主意。我已经进一步澄清了答案。这很遗憾，但现在你解释清楚了就有意义了。我感谢你尽可能接近我想要的东西。