1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    1
    Vote Rating
    0
    sachincgt is on a distinguished road

      0  

    Default Unanswered: Page scrolling problem, automatically to bottom upon load

    Unanswered: Page scrolling problem, automatically to bottom upon load


    Hello
    I am designing a page which has overall 5 panels, Header,Page Title, Carousel, Content and Footer.
    Everything is working fine if i use sencha touch scrolling, scrolling:vertical
    but if i remove this statement, the page began to scroll automatically to the bottom upon the page load.

    Please advise

    Here is the code

    Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    icon: 'icon.png',
    glossOnIcon: false,
    onReady: function () {
    var header = new Ext.Panel({
    style: 'width: 100%',
    contentEl: 'divHead',
    height: '80'
    });
    var carouselPanel = new MyCarousel;
    var footer = new Ext.Panel({
    style: 'width: 100%;clear:both;',
    contentEl: 'divFooter',
    height: '50'
    });
    var pnl = new Ext.Panel({
    items: [header, {
    layout: 'card', defaults: { flex: 1 }, contentEl: 'headerContent', style: 'clear:both;'
    }, carouselPanel, { id:'ccpanel',
    layout: 'card', defaults: { flex: 1 }, contentEl: 'storyContent', style: 'clear:both;'
    },footer],
    layout: {
    type: 'vbox',
    align: 'stretch'
    }
    });

    new Ext.Panel({
    id: 'homePanel',
    cls: 'general',
    fullscreen: true,
    height: 'auto',
    //scroll: 'vertical',
    cls: 'general',
    style: 'background-color: white;',
    layout: {
    type: 'vbox',
    align: 'stretch'
    },
    items: [pnl]
    });
    }
    });

  2. #2
    Sencha User Sameer Khan's Avatar
    Join Date
    Oct 2011
    Location
    Bangalore, India
    Posts
    113
    Answers
    2
    Vote Rating
    0
    Sameer Khan is on a distinguished road

      0  

    Default Use this, might be help you..

    Use this, might be help you..


    Hi, Upon your page load use this:
    this.scroller.scrollTo({x:0,y:0});
    Sameer Khan

Thread Participants: 1

Tags for this Thread