【问题标题】:I need anchors on page load ( multiscroll.js )我需要页面加载的锚点(multiscroll.js)
【发布时间】:2015-10-02 00:08:12
【问题描述】:

如果您在加载页面时发现没有锚点:

http://alvarotrigo.com/multiScroll/

但是如果你再次向下和向上滚动:

/multiScroll/#first 出现。

我在第一页加载时需要'#first',而不是在我滚动时,所以我可以在页面加载时使用 afterLoad 函数。

小提琴https://jsfiddle.net/oadfcjt2/8/

$('#myContainer').multiscroll({

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

有什么帮助吗?谢谢。

【问题讨论】:

    标签: anchor fullpage.js multiscroll.js


    【解决方案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");
        }
    }
    

    【讨论】:

    • 你好,alvaro,谢谢你的回复。我试过了,但对我不起作用。
    • 我添加了这一行“var activeSection = $('.ms-right').find('.ms-section.active');”到您的代码,现在运行良好。非常感谢您的宝贵时间。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多