7

我正在使用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 初始化

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

我会尝试整理一个小提琴以使其更清晰，但希望答案真的很简单。

4

2 回答 2

9

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

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

于 2013-09-11T22:54:11.730 回答
1

有一种方法可以做到这一点，Skrollr 有一些非常有用的方法，在控制台中，只需键入包含 skrollr 的变量，它会显示一些您可以使用的方法，其中一个是“setScrollTop(int, bool)”，所以只需调用此方法包含您需要的信息，例如：

s.setScrollTop(9000, true)

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

于 2017-08-23T15:00:23.187 回答