Javascript 幻灯片之间有固定元素的Fullpage.js

是否可以在幻灯片之间设置固定元素（此处为文本）

实现这一点的唯一方法是将文本元素放在slides div之外

<div class="section" id="section1">
        <div class="intro">
                <h1>URL get updated (#)</h1>
                <p>
                    Easy to bookmark and share
                </p>
            </div>
        <div class="slide" id="slide1">

        </div>

        <div class="slide" id="slide2">

            <img src="https://raw.githubusercontent.com/alvarotrigo/fullPage.js/master/examples/imgs/iphone-blue.png" alt="iphone" id="iphone-two" />
        </div>

    </div>

URL得到更新（#）

易于添加书签和共享

我不确定这是否是正确的方法，如果我错了，请纠正我

这是我的

是的，没关系

使用固定定位元素和css3

translate3d

属性，尽管如您所见，使用

z-index

似乎可以解决此问题

无论如何，我相信你的选择更好。我们不知道Chrome是否会在将来改变它的行为

.intro {
    position: fixed;
    -webkit-perspective: 1000;
    z-index:1;
}