Results 1 to 4 of 4

Thread: A scrolling list within a scrolling panel

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User nosfera2's Avatar
    Join Date
    Jun 2013
    Location
    Dallas, TX
    Posts
    3
    Vote Rating
    1
      1  

    Default Answered: A scrolling list within a scrolling panel

    I have a scrolling panel with some content. When you scroll to the bottom of this panel, I have a list that is also scrollable. When I try to scroll the list, the panel it is in scrolls as well. I am looking for some suggestions on how I can have the list within the panel scroll without affecting its parent.

    I made a jsFiddle that gives a bare bones example:
    http://jsfiddle.net/LqvaS/1/


  2. #2
    Sencha User Diego Garcia's Avatar
    Join Date
    Jan 2012
    Location
    San Jos, Costa Rica.
    Posts
    88
    Answers
    14
    Vote Rating
    8
      3  
    Software Engineer at http://moduscreate.com/

  3. #3
    Sencha User nosfera2's Avatar
    Join Date
    Jun 2013
    Location
    Dallas, TX
    Posts
    3
    Vote Rating
    1
      0  

    Default Hallelujah

    That is absolutely perfect! Thank you so much. Don't know if I ever would have found that on my own.

    For those needing it, I added this to the config of my list:
    Code:
    scrollable: {
       direction: 'vertical',
       directionLock: true
    }
    Here is the updated fiddle if anyone wants to see the results:
    http://jsfiddle.net/LqvaS/5/

  4. #4
    Sencha User Diego Garcia's Avatar
    Join Date
    Jan 2012
    Location
    San Jos, Costa Rica.
    Posts
    88
    Answers
    14
    Vote Rating
    8
      0  

    Default

    Great! I'm glad to hear that. And it's looking perfect now
    Software Engineer at http://moduscreate.com/

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •