html - 如何实现 Angular 2 fullpage.js scrolloverflow

Question

我目前正在开发一个 Angular 2 项目，该项目实现了在此处找到的 fullpage.js 端口 https://github.com/meiblorn/ngx-fullpage .我正在尝试在我的其中一个部分上实现 scrolloverflow，但我不确定该怎么做。我在我的 angular-cli.json 文件中包含了必要的 .js 文件。

"scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/fullpage.js/dist/jquery.fullpage.min.js",
    "../node_modules/fullpage.js/dist/jquery.fullpage.extensions.min.js",
    "../node_modules/fullpage.js/vendors/scrolloverflow.min.js"
  ],

这是一些 html 代码，当有足够的内容时，我希望第二部分可以滚动。

<div mnFullpage>
  <div class="section welcome-section fp-section fp-table">
    <div class="fp-tableCell">
      1
    </div>
  </div>
  <div class="section welcome-section fp-section fp-table">
    <div class="fp-tableCell">
      2
    </div>
  </div>
</div>

Answer 1

您现在可以更改为 fullPage.js 的官方 Angular 组件，该组件得到维护并始终与新的 fullPage.js 功能和扩展保持同步。

• repo :https://github.com/alvarotrigo/angular-fullpage

• 演示页面:https://alvarotrigo.com/angular-fullpage/