如何实现Angular 2 fullpage.js scrolloverflow

时间:2017-07-17 06:26:25

标签: html angular fullpage.js

我目前正在开发一个Angular 2项目,该项目实现了https://github.com/meiblorn/ngx-fullpage中的fullpage.js端口。我正试图在我的一个部分实现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>

1 个答案:

答案 0 :(得分:0)

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