Question

我对编码不太好，所以我决定在这里问一下。也许任何人都可以为我所拥有的东西提供解决方案。

问题 - 我的主页上有1个导航链接，使用jQuery滚动到id。它工作和一切，但只有在主页上。所有子页面都有导航链接，我想问一下，如何在每个不是主页面的页面上点击链接，将其导航回主页面，然后执行滚动而不是在子页面上发生任何事情？谢谢。

Answer 1

这可能对您有所帮助

jQuery(function() {
    //catch all clicks on a tags
    jQuery("a").click(function(e){
        //check if it has a hash
        if(this.hash){
            var hash = this.hash.substr(1);
            var $toElement = jQuery("[id="+hash+"]");
            var width=jQuery(window).width();
            var toPosition = $toElement.offset().top;

        //scroll to element
            jQuery("body,html").animate({
                scrollTop : toPosition
            },2000);
            // return false;
            e.preventDefault();
        }
    });
    //do the same with urls with hash too
    if(location.hash){
        var hash = location.hash;

        jQuery("a[href="+hash+"]").click();
    }
});

从子页面导航到主页面并滚动到id的方法

1 个答案: