Question

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

问题很可能出在下面的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});

    });
}

Answer 1

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

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

是

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

应为：

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

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

1 个答案: