动画页面:使用turbolinks进行更改

Question

如何为页面设置动画:使用turbolinks进行更改？

那可能吗？

我尝试了身体上的css过渡但它没有按预期工作.不知道如何只更新窗口的一部分并在完成后进行回调,或者甚至可以进行回调.

提前致谢

Answer 1

像这样的东西可能会起作用(使用jQuery在CoffeeScript中):

$(document).on 'page:fetch', ->
  $('#content').fadeOut 'slow'

$(document).on 'page:restore', ->
  $('#content').fadeIn 'slow'

您还可以使用CSS动画或一些更复杂的JavaScript.这是一篇很棒的帖子,深入介绍了一些示例和演示.

此外,我遇到了turbolink过渡红宝石宝石(我没有测试过).