Jquery 使用“角度”单击滚动到零部件

Jquery 使用“角度”单击滚动到零部件,jquery,angular,scroll,scrollto,Jquery,Angular,Scroll,Scrollto,嘿,我正在尝试创建一个带有几个链接按钮的简单导航栏。我希望当我点击一个按钮时,它会滚动到右边的组件。我知道我可以使用ScrollTo()使用jquery,但是使用Angular,我没有在一个页面中包含所有HTML。有没有可能让它在有角度的情况下工作 这把小提琴描述了我想要的结果: $(document).ready(function() { $('a[rel="relativeanchor"]').click(function(){ $('html, body').ani

嘿,我正在尝试创建一个带有几个链接按钮的简单导航栏。我希望当我点击一个按钮时,它会滚动到右边的组件。我知道我可以使用ScrollTo()使用jquery,但是使用Angular,我没有在一个页面中包含所有HTML。有没有可能让它在有角度的情况下工作

这把小提琴描述了我想要的结果:

$(document).ready(function() {
    $('a[rel="relativeanchor"]').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    }); 
});

您可以使用
window.location.hash
。像这样

<button (click)="goTo('myComponent')"></button>
然后,这就是您要导航到的组件:

<my-component id='myComponent'></my-component>


当您单击按钮时,它将导航到id为“myComponent”的元素,该元素是您的组件。

您可以使用
window.location.hash
。像这样

<button (click)="goTo('myComponent')"></button>
然后,这就是您要导航到的组件:

<my-component id='myComponent'></my-component>


当您单击按钮时,它将导航到id为“myComponent”的元素,该元素是您的组件。

您希望如何滚动到不在HTML中的元素?还是说一个HTML文件?组件是否在DOM中?我想我必须使用@Output()和@Input()修饰符才能工作。。。你的问题让我意识到:)你想如何滚动到HTML中没有的元素?还是说一个HTML文件?组件是否在DOM中?我想我必须使用@Output()和@Input()修饰符才能工作。。。你的问题使我意识到:)它确实有效。我有办法给它添加动画吗?它确实有效。我有办法给它添加动画吗?