Question

我使用3d flipbook jQuery插件（http://codecanyon.net/item/real-3d-flipbook-jquery-plugin/4281720）。

我用这些值自己设计了一下这本书：

 .flipbook-main-wrapper{
    left:350px;
    right:350px;
    background: #4c4c4a !important;
    top:180px;
    bottom:200px;
    z-index:99999;
}

但是当你点击全屏模式时，我想给它一个带有这些值的类：

.flipbook-main-wrapper.active{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

我已经在全屏按钮上尝试了点击事件，我还尝试了一些我在stackoverflow上找到的全屏检测，但没有一个正在工作。还有另一种方法可以检测翻页是否以全屏方式打开？

谢谢！

Answer 1

感谢Shaggy我找到了答案：

.flipbook-main-wrapper:-moz-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-ms-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-webkit-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

这么简单！

检测是否采用全屏模式（3d flipbook）

1 个答案: