Question

我使用了这个jQuery代码，它工作正常。但我想在角度上使用相同的流量。可能吗？我们可以用角度写beforeunload函数吗？

$(window).on('beforeunload', function(){
            $(window).scrollTop(0);
          });

Answer 1

您可以执行以下操作：

 ngOnInit(): void {
    document.body.scrollTop = 0;
    // or window.scrollTo(0, 0);
}

Answer 2

是的，你可以这样做 -

<div (window:beforeunload)="someMethod()"></div>

或者你喜欢这个 -

@Component({ 
  selector: 'test',
  'template': ''
)}
class TestComponent {
  @HostListener('window:beforeunload')
  someMethod() {
    // You can handle scroll here
  }
}

Answer 3

您可以了解Angular - Lifecycle Hooks

或mayble this link解释生命周期方法。

ngOnInit() {
   window.scrollTo(0, 0)
}

您还可以查看有关您的问题的this stackoverflow post。干杯

Answer 4

试试这个HTML。

<div #list [scrollTop]="list.scrollHeight"></div>

在Component中将id定义为html id =“scrollId”

const element = document.querySelector('#scrollId');
element.scrollIntoView();

或

你可以在TS

中使用它

 window.scrollTo(0 , 0);

 window.scrollTo( 0 , document.body.scrollHeight);// where you can describe the height to scroll to

当重新加载页面时，角度4.0滑动到顶部

4 个答案: