Question

我有一个带有以下锚线的html页面：

<a href="#help" class="button scrolly">

在同一页面中 - 当我点击此锚点时，我的页面会滚动到以下部分：

<section id="signup">

scrollly类是一个jquery pluging，用于使页面滚动到该部分。现在，角度改变了锚点的行为，当我点击链接时 - 它会搜索名为“帮助”的路线。我如何防止这种行为并使锚只使用它的常规HTML行为？

我尝试将href从#help更改为## help - 但它会使页面跳转而不实现滚动类脚本。

我试图通过使用以下代码覆盖指针的锚点并使用常规的jquery滚动（忽略滚动类）：

app.directive('a', function () {
    return {
        restrict: 'E',
        link: function (scope, elem, attrs) {
            if (attrs.href === '#help') {
                elem.on('click', function (e) {
                    var target = $(this.href);
                    if (target.length) {
                        event.preventDefault();
                        $('html, body').animate({
                            scrollTop: target.offset().top
                        }, 1000);
                    }
                });
            }
        }
    };
});

但它不起作用。

我知道如何解决这个问题？

Answer 1

我找到了答案 - 我的指令有一个错误 - 应该是：

app.directive('a', function () {
    return {
        restrict: 'E',
        link: function (scope, elem, attrs) {
            if (attrs.href === '#help') {
                elem.on('click', function (e) {
                    var target = $(attrs.href);
                    if (target.length) {
                        event.preventDefault();
                        $('html, body').animate({
                            scrollTop: target.offset().top
                        }, 1000);
                    }
                });
            }
        }
    };
});

我使用attr.href作为jQuery DOM元素名称。

无论如何 - 如果有另一个更简单的答案，我会链接以了解它。

感谢。

如何防止锚元件的角度行为？

1 个答案: