Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue的完整页面滚动?_Javascript_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript Vue的完整页面滚动?

Javascript Vue的完整页面滚动?,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,是否有Vue的模拟库?需要一个可以滚动组件的组件,也可以用于.,也许您可以考虑一个指令。 第一次加载jquery和fullpage <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.fullpage/2.

是否有Vue的模拟库?需要一个可以滚动组件的组件,也可以用于.

,也许您可以考虑一个<代码>指令<代码>。

第一次加载
jquery
fullpage

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.fullpage/2.9.4/jquery.fullpage.min.js"></script>
用法示例:

<div v-fullpage="fullpageOptions">
  ...
</div>

现在您也可以使用

非常感谢!对不起,纯js库呢?我不想在我的应用程序中使用jQuery,但vue fullpage具有fullpage.js的依赖项,并且具有jQuery的依赖项。纯javascript版本已经过时了。自从上次更新以来已经有好几年了,它包含了多个bug以及一个大大减少的功能。你将不得不等待下一次fullPage.js的大更新,它肯定会摆脱jQuery,并且可能会放弃与IE 8和9.Thx的兼容性。
<div v-fullpage="fullpageOptions">
  ...
</div>
data: {
  return {
    fullpageOptions: {
      sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
      anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
      menu: '#menu',
      css3: true,
      scrollingSpeed: 1000
    }
  }
}