小编Pav*_*rin的帖子

Angular 4滚动元素偏移顶值

在jQuery中,element.offset()。top从文档顶部给出固定元素的当前位置。当我向下滚动时,它会在向上滚动时偏移最大值减小。

现在我在Angular 4中需要相同的行为,但缺少一些东西,我的偏移量最高值仍然相同。

请参阅附件的柱塞:https ://embed.plnkr.co/3sDzpRcJMEN6lndw4MUB

 @Component({
  selector: '[my-app]',
  template: `
    <div>
      <h2>There is document top</h2>
      <div class="fixed-box" #fixedBox>
        <p>I'm fixed box</p>
        <p>I wanna know my offset from the document top (not viewport) in every scroll step</p>
        <p>My current position from the document top is: {{ fixedBoxOffsetTop }}px</p>
        <p>My current position from the document top is: {{ fixedBoxOffsetTopOtherMethod }}px</p>
      </div>
    </div>
  `,
})
export class App implements OnInit {
  fixedBoxOffsetTop: number  = 0;
  fixedBoxOffsetTopOtherMethod: number = 0;

  @ViewChild('fixedBox') fixedBox: ElementRef; …
Run Code Online (Sandbox Code Playgroud)

scroll offset angular

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

offset ×1

scroll ×1