单页滚动活动链接菜单

时间:2017-03-12 10:06:57

标签: jquery html css

当您在滚动时到达某个部分时,我需要帮助才能激活链接。

现在,当我点击具有平滑过渡的特定链接时,菜单会起作用。

小提琴:https://jsfiddle.net/4rrv7dpe/

jQuery(document).ready(function(){   
    menuTransition();
    transitionTop();
    sectionScroll();
});

function menuTransition() {
    jQuery(document).on('click', '#main-header a', function(event){
        var targetSection = jQuery(this).attr('href');
        var scrTo = jQuery(targetSection).offset().top;
        jQuery('html, body').animate({
            scrollTop: scrTo
        }, 1000)
        event.preventDefault();
    });
}

// Smooth transition to the top of the page
function transitionTop() {
    jQuery("a[href=#page-top]").on("click", function (e) {
      //alert("top")
      jQuery('html, body').animate({
         'scrollTop': 0
     }, 1000)
        event.preventDefault();
    });
}

function sectionScroll() {

}

我尝试为这部分创建函数sectionScroll()。

0 个答案:

没有答案