Как игнорировать div вне контейнера полной страницы в fullpage.js - PullRequest
Новая
       40

Как игнорировать div вне контейнера полной страницы в fullpage.js

0 голосов
/ 28 октября 2019

У меня есть div вне контейнера на всю страницу. Как я могу нормально прокрутить, пока не закончится div? Таким образом, каждый раздел может быть правильно помещен в область просмотра?

пример: 

<div class="dev"> <!-- Div outside the fullpage container -->


</div>


<div id="fullpage">
    <div class="section">
      Section 1
      <div class="scrollable-content">
        <h4>Scroll me</h4><h4>Scroll me</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4>
      </div>
    </div>
    <div class="section">
        <div class="slide" data-anchor="slide1">
          Slide 2.1
           <div class="scrollable-content">
        <h4>Scroll me</h4><h4>Scroll me</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4><h4>Text here</h4>
      </div>
        </div>
        <div class="slide" data-anchor="slide2">Slide 2.2</div>
    </div>
    <div class="section">Section 3</div>
    <div class="section">Section 4</div>
</div>

Вот Codepen

1 Ответ

0 голосов
/ 29 октября 2019

К сожалению, fullPage.js не позволяет вам сделать это. Максимум, что вы можете сделать, это эмулировать обычную прокрутку, используя внутреннюю полосу прокрутки в разделе, как видно в этом примере , в котором используется опция scrollOverflow:true.

. Прочтите эту проблему, но вам потребуется использовать опцию scrollBar:true и некоторую пользовательскую кодировку: https://github.com/alvarotrigo/fullPage.js/issues/3205

...