如何只处理子DOM元素而不是body元素？

Question

我正在使用下面的代码滚动到按钮点击事件的元素。

以下是代码：

this.scrollTo = function(id) {

        var old = $location.hash();
        $location.hash(id);
        $anchorScroll();

        $location.hash(old);
    };

使用上面的代码，滚动工作正常。但实际上我的html页面有两个滚动条，一个是页面级别的默认值，另一个是子DOM元素级别。当上面的代码执行时，它会移动两个滚动条，因为它不能正确显示。

如何限制默认滚动条并仅允许子/子滚动条处理以滚动事件？

请在Chrome浏览器中查看以下示例： plnkr.co/edit/pXwnjjh3VxCnhTHwd0tJ?p=preview

Answer 1

实际上，当我使用导航/顶栏时我遇到了问题。通过应用CSS样式可以有多种方法来解决问题。

我通过删除子滚动条并使用以下方法解决了我的问题：

window.scrollTo(0, element.offset().top - 120);

而不是

$anchorScroll();