我想实现类似的功能(翻页),想知道如何实现 turn.js创造了它的效果。它使用 css 转换:平移和旋转来创建效果。我正在检查检查员是否有两个带旋转的包装器(如本 answer 中所指出)但旋转是
外包装正数,如rotation(30deg)
和
以相同 Angular rotation(-30deg)
的内包装负旋转(如果拖动左下角)。
我尝试在测试页面中使用相同的东西(仅旋转),但唯一有效的是移除 Angular ,并且它不旋转页面(我使用图像)在演示中当 Angular 为 45 时颠倒,为什么这不起作用?如果我设置
-webkit-transform: rotate(180deg) translate(102px, -326px);
在图像上它是正确的,但为什么 turn.js 不对页面的原始元素应用任何转换?
这里是 jsfiddle .
最佳答案
我发现旋转下面的页面在不同的div中,当前页面正反旋转只是为了裁剪当前页面。
关于javascript - 翻页效果如何在 turn.js 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17811369/