Question

我在滚动时使用https://github.com/Prinzhorn/skrollr为我的网站背景设置动画。但是我也希望让我的链接在页面上下滚动，就像普通的单页网站一样。

问题是，如果我手动滚动背景更改，两者都有效，如果我单击链接页面滚动到正确的位置。问题是，当我点击按钮时，背景也不会滚动。

似乎我正在使用两种不同的滚动功能，因此它们不能一起工作，我需要使用相同的功能。

这是代码。

js - 滚动到链接：

var $root = $('html, body');
    $('a').click(function() {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
    });

js - Skrollr init

skrollr.init({
    smoothScrolling: true,
    forceHeight: true
});

我会尝试拼凑一个小提琴，使其更清晰，但希望答案非常简单。

Answer 1

如果有其他人遇到过这个问题，答案就在于她：https://github.com/Prinzhorn/skrollr-menu

这将允许您滚动到内部链接以及Skrollr动画。一个巨大的补充和一个非常简单的修复，您甚至不需要任何自己的滚动代码，它将与您的链接一起使用。

Answer 2

有一种方法可以做到这一点，Skrollr有一些方法非常有用，在控制台中，只需输入包含skrollr的变量，它会显示一些你可以使用的方法，其中一个是＆＃34; setScrollTop（ int，bool）＆＃34;，所以只需使用您需要的信息调用此方法，例如：

s.setScrollTop（9000，true）

这意味着我希望它滚动到高度位置9000.它工作正常，你只需要知道你需要去的高度位置。

滚动以与skrollr链接

2 个答案: