Я использую PagePiler (https://github.com/alvarotrigo/pagePiling.js) для создания прокручиваемых полноэкранных секций, и у меня возникает проблема, когда все мои секции визуализируются с наложением друг на друга. Это происходит, даже если я просто выполняю настройку barebone-файлов, которую они показывают в своей документации - я не могу найти кого-то другого, у кого была такая же проблема, что мне не хватает?
Это мой индекс. html file:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.min.css" integrity="sha256-WA4vvlC6yUJ1Q62yNxxHt4O9wUKuhmJlSOKTsLZ+suk=" crossorigin="anonymous" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.min.js" integrity="sha256-rcU19aswtHEi8sO/TRfnTaLpdi+bvMAETOY9lKSKv5E=" crossorigin="anonymous"></script> <script src="src.js"></script> </head> <body> <div id="pagepiling"> <div class="section">Some section 1</div> <div class="section">Some section 2</div> <div class="section">Some section 3</div> <div class="section">Some section 4</div> </div> </body> </html>
И это мой sr c. js:
$(document).ready(function() { $('#pagepiling').pagepiling(); });
Если это актуально Я использую Chrome 81.0.4044.122 на Windows 10