2017-04-01 31 views
8

Ben 2 kaydırılabilir manzaralı bir sayfa yaşıyorum kaydırmak iyon içeriği yöntemIonic2 programlama yoluyla yanyana bir iyon-scroll

Bunu çözmek için herhangi bir şekilde var (I tabii kaydırma olamaz olan, ikinci bir independant olması gerekir)?

güncelleme: Ben Sol nick ilerleyin çalışıyoruz yanlış değilim ve sana bir görünüm seçici leftCats denilen var görürseniz ben

cevap

2

gerekenleri göstermek için a plnkr ekledi.

Yani sadece bir satır değiştirirseniz kaydırma mümkün olacaktır. İşte benim kodum aşağıdadır:

NOT: Bu yalnızca basit bir javascript dosyasıdır. Kaydırma pozisyonuna geçer. Daha sonra isterseniz animasyon uygulayabilirsiniz.

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

@Component({ 
    templateUrl:"home.html" 
}) 
export class HomePage implements AfterViewChecked { 

    @ViewChild('content') content; 
    @ViewChild('leftCats') leftItems; 

    constructor() { 

    } 

    scroll() { 
     //I want to scroll the left pane here 
     console.log('scroll'); 

     this.leftItems.scrollElement.scrollTop += 50; // Change This Line 
    } 

} 

Ben de burada çatallı:

DEMO yardımcı olur Umut.

+0

mükemmel! Teşekkürler! –

+0

Bu animasyonu başlatmak için nereden başlayacağınız konusunda bir fikrin var mı? –

+1

Bulundu. Başkalarının Başvuru için: http://stackoverflow.com/questions/8917921/cross-browser-javascript-not-jquery-scroll-to-top-animation –