Javascript 修复了fullpage.js节内的div

我的页面有三个部分在fullpagejs中。中间页面需要包含一个非常高的div，该div分为两列。左边是需要跟随右边文本的div，它占据了div的整个高度。但是由于fullpage.js的工作方式（使用css翻译而不是实际的滚动），我不能使定位固定的div像它应该的那样工作

HTML

---

我尝试过使用类似的插件，但问题是它们都是根据滚动的原理工作的。

使用

位置：绝对

而不是固定的。然后对节元素使用

位置：相对

，因此绝对位置将与节相关

<div class="section section-1 show-for-large">
    section1 content
</div>
<div class="section section-2">
    <div class="row">
    <div class="small-12 medium-6 column"> 
        <div class="row" id="pokemon">
            <div class="small-5 medium-5 columns">
                <img src="/"> 
            </div>
            <div class="small-7 medium-7 column">
                <span class="title">
                    title
                </span>
            </div>
        </div>
        <div class="row hide-for-large">
            <div class="small-12 columns">
                <p>
                  text
                </p>
            </div>
        </div>
    </div>
    <div class="small-12 medium-5 column">
        <div>
            <p>text</p>
        </div>
    </div>
</div>
</div>
<div class="section section-3">
    section3 content
</div>
<div class="section section-4 fp-auto-height">
    section4 content
</div>

$('#fullpage').fullpage({
    sectionSelector: '.section',
    scrollOverflow: true,
    verticalCentered: false,
    normalScrollElements:'#pokemon',
    css3: true,
    });