是否可以在 Wicket 中进行平滑的页面导航转换？

Question

我想在 Wicket Java 框架中的页面导航之间进行一些平滑的转换。是否可以使用 Wicket 工具、javascript 和 css？我找不到办法做到这一点。

感谢您的任何答复。

Answer 1

Wicket 不为此提供解决方案。大多数 Wicket 应用程序使用全页重新提醒/重定向或 Ajax 来仅更新页面的一部分，而不是整个页面。我建议您尝试使用 CSS 关键帧。这个想法是在这两个 JS 事件上将 CSS 类添加到页面正文：beforeunload和DOMContentLoaded（又名domready）。当beforeunload被触发时，您需要删除fade-in并添加fade-outCSS 类。并对 执行相反的操作DOMContentLoaded。CSS 将如下所示：/* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in {      opacity:0;  /* make things invisible upon start */      -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */      -moz-animation:fadeIn ease-in 1;      animation:fadeIn ease-in 1;      -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/      -moz-animation-fill-mode:forwards;      animation-fill-mode:forwards;      -webkit-animation-duration:1s;      -moz-animation-duration:1s;      animation-duration:1s; }我不太擅长 CSS，所以最好向 Google 询问更多信息。