如何在没有动画的情况下在不同的fullpagejs页面部分之间移动?

时间:2019-05-03 09:17:25

标签: jquery fullpage.js

我有一个包含5个页面的网站,每个页面是一个不同的整页页面。 在首页中,我在没有动画的部分之间移动

$('.silentMoveTo05').on( "click", function(e) {
    e.preventDefault();
    fullpage_api.silentMoveTo(5);
});

但是如果我从其他页面调用主页

<a href="http://example.com/home/#5">link to slide 5</a>

滚动带有动画

1 个答案:

答案 0 :(得分:0)

您可以使用选项scrollingSpeed:0,但这当然会导致在使用鼠标滚轮或触控板时出现问题。

我鼓励只使用no-animation之类的类,然后使用JS调用silentMoveTo方法:

 <a href="http://example.com/home/#5" class="no-animation">Link here</a>

还有JS:

$('.no-animation').on( "click", function(e) {
    e.preventDefault();
    var anchor = $(this).attr('href').replace('#', '');
    fullpage_api.silentMoveTo(anchor);
});

在线复制: https://jsfiddle.net/alvarotrigo/yagzbr3f/3/