отключить fullpage.js, когда мышь внутри определенного div - PullRequest
Новая
       13

отключить fullpage.js, когда мышь внутри определенного div

0 голосов
/ 03 февраля 2019

В основном тема WordPress, которую я использую, использует fullpage.js.

Теперь я вручную создаю элемент прокрутки внутри страницы. Как отключить прокрутку на всю страницу, когда моя мышь находится внутри этого блока прокрутки, чтобы она работала как обычно?

Я нашел это fullpage.js: отключить прокрутку страницы при прокруткес указателем мыши внутри контейнера , но я не знаю, как правильно установить его на .scroll-box

.scroll-box {
    width: auto;
    height: 150px;
    overflow: auto;
    padding: 0 5%;
}
<div class="scroll-box">
<p style="font-weight: bold;">Industry:
Business, Finance</p>
<p style="font-weight: bold;">Objective:
User acquisition, User engagement</p>
<p style="font-weight: bold;">Services provided:
Performance Marketing, Design</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et odio purus. In volutpat, nisi ac malesuada volutpat, nisl magna vehicula leo, et posuere nunc nunc in nisl. Etiam facilisis convallis luctus. Aliquam nec luctus libero. Ut tincidunt ut massa sed malesuada. Aenean dolor orci, laoreet a imperdiet id, maximus id elit. Ut consequat tortor ac dui sollicitudin, non lacinia ante feugiat. Integer in orci sem. Nam tempus libero in enim efficitur dapibus. Nunc consequat lacinia libero quis convallis. Nunc vulputate interdum diam eget cursus.

Maecenas purus nisi, sodales quis turpis nec, luctus fringilla leo. Integer dapibus interdum risus nec tincidunt. Morbi pretium sit amet mi quis ullamcorper. Integer tempus hendrerit enim, aliquet finibus dolor molestie sed. Donec ac eleifend diam, at gravida eros. Mauris malesuada dolor at magna facilisis finibus. Vivamus fringilla nisi non sapien vestibulum scelerisque in vel libero. Sed mattis rhoncus pulvinar. Suspendisse quam urna, hendrerit quis libero quis, maximus laoreet sem. Maecenas vestibulum massa in mattis rutrum. Proin eu finibus nibh. Mauris quis nibh sit amet nibh posuere pulvinar quis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

</div>

1 Ответ

0 голосов
/ 03 февраля 2019

Вы можете использовать синтаксис селектора CSS, когда у вас есть доступ к тому, где вызывается new fullpage(): 

  const fullpage = new fullpage('#fullpagediv', { normalScrollElements: '.scroll-box' })

Надеюсь, это поможет.

...