ionic 2 - ウィンドウを取得する.scrollTop

Question

jqueryなしでIonicでこれを行うにはどうすればよいですか？

var window_top = jQuery(window).scrollTop() + 56; 
    var div_top = jQuery('#sticky-anchor').offset().top; 

Answer 1

あなたはContentへの参照を使用することができます。

import { Component, ViewChild } from '@angular/core'; 
import { Content } from 'ionic-angular'; 

@Component({...}) 
export class MyPage{ 
    @ViewChild(Content) content: Content; 

    scrollToTop() { 
    this.content.scrollToTop(); 
    } 

    scrollTo(elementId:string) { 
    let yOffset = document.getElementById(elementId).offsetTop; 
    this.content.scrollTo(0, yOffset, 4000) 
    } 
} 

使用できるプロパティがたくさんあります。最も重要なものの1つは...

getContentDimensions()：要素とスクロール要素の寸法を返します。

Property     Type Details 
dimensions.contentHeight number content offsetHeight 
dimensions.contentTop  number content offsetTop 
dimensions.contentBottom number content offsetTop+offsetHeight 
dimensions.contentWidth  number content offsetWidth 
dimensions.contentLeft  number content offsetLeft 
dimensions.contentRight  number content offsetLeft + offsetWidth 
dimensions.scrollHeight  number scroll scrollHeight 
dimensions.scrollTop  number scroll scrollTop 
dimensions.scrollBottom  number scroll scrollTop + scrollHeight 
dimensions.scrollWidth  number scroll scrollWidth 
dimensions.scrollLeft  number scroll scrollLeft 
dimensions.scrollRight  number scroll scrollLeft + scrollWidth