我需要页面加载时的锚点 ( multiscroll.js )

Question

如果您注意到加载页面时没有锚点：

http://alvarotrigo.com/multiScroll/

但如果您再次向下和向上滚动：

/multiScroll/#first appears.

我需要在第一个页面加载时使用“#first”，而不是在滚动时使用，这样我就可以在页面加载时使用 afterLoad 函数。

Fiddle https://jsfiddle.net/oadfcjt2/8/

$('#myContainer').multiscroll({

sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
menu: false,
afterLoad: function(anchorLink, index){
    if(index == 1){
        alert("first");
    }
}
});

有什么帮助吗？谢谢。

Answer 1

使用 afterRender 回调。

$('#myContainer').multiscroll({

    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
    menu: false,
    afterLoad: function (anchorLink, index) {
        afterLoadActions(anchorLink, index);
    },
    afterRender: function () {
        var activeSection = $('.ms-left').find('.ms-section.active');
        var activeAnchor = activeSection.data('anchor');

        afterLoadActions(activeAnchor, activeSection.index());
    }
});


function afterLoadActions(anchorLink, index) {
    if (index == 1) {
        alert("first");
    }
}