滚动以链接到 skrollr

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 的变量，它就会显示一些你可以使用的方法，其中一个是"setScrollTop（int， bool）"，所以只需使用你需要的信息调用这个方法，例如：

s.setScrollTop（9000， true）

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