导航栏中的外部链接带有滚动JavaScript

时间:2018-10-06 11:27:48

标签: javascript navbar

我有一个带有链接的导航栏。具有滚动效果的锚点链接有效,但外部链接或指向其他页面的链接不起作用,

问题很可能出在下面的js中(我试图将其删除,并且外部链接可以正常工作,但滚动条无法正常工作)如何更改js以在菜单中插入外部链接?

function sliding() {
    $('.scrollTo, #navigation a').click(function (event) {
        event.preventDefault();
        var full_url = this.href;
        var parts = full_url.split("#");
        var trgt = parts[1];

        $('body').scrollTo($('#' + trgt), 800, {offset: -80});

    });
}

1 个答案:

答案 0 :(得分:0)

您的问题是您正在调用event.preventDefault();。对于所有#navigation a元素。

确保滚动链接具有.scrollTo类,然后从选择器中删除#navigation a:

$('.scrollTo, #navigation a').click(function (event) {

应为:

$('.scrollTo').click(function (event) {