1

私は div 要素 'page' を持っています。これには 2 つの子 div 'front' と 'back' が含まれています。トランスフォームrotateY(Ndeg)でページめくり効果を出したいです。

this.$flippingPage.css({
    '-webkit-transform': 'rotateY(-' + angle + 'deg)',
    '-moz-transform': 'rotateY(-' + angle + 'deg)'
});

ページをドラッグすると、反転効果が発生します..しかし、問題は..不安定です..フロントページが表示されることもあれば、バックページが上部に表示されることもあります..「ページ」要素を調べて、回転値を1に変更しました1 度ずつ、ある角度で前面が表示され、他の角度で背面が表示されることがわかります..そして、それは Chrome でのみ発生します (Firefox では問題ありません)。私の予想される動作は... たとえば、左から右にめくる: 最初の 90 度でフロント ページを表示し、2 番目の 90 度でバック ページを表示します。ブラウザの問題なのか、条件チェックを怠ったのかわかりません...

4

1 に答える 1