Results 1 to 4 of 4

Thread: Content under vertical scroll

  1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    18

    Default Answered: Content under vertical scroll

    Hi,

    I have a problem with horizontal scrollbar.
    Horizontal scrollbar appear after first app loading and part of content is under the vertical scrollbar. If browser window was resized the horizontal scroll will disappear. Example here: https://fiddle.sencha.com/#fiddle/t35

    Could you please advice how to solve this problem?

  2. Quote Originally Posted by jimswers View Post
    Hi,

    Thanks for your answer. But this is not working as expected.
    I put text down the div and expect normal scrollbar of browser window.
    Scrollbar didn't appear.

    You can check here:
    https://fiddle.sencha.com/#fiddle/t3a
    Hi--

    You'll want "stretchmax" for align, not "stretch". The latter will stretch the content to the height of the container, while the latter will stretch the content to the height of the largest item:

    http://docs.sencha.com/extjs/6.0/6.0....Box-cfg-align

    Thanks!
    Joel

  3. #2
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Hi--

    There are two suggestions I would make.

    First, you have a bit of over-nesting occurring. Instead of making the hbox layout a child of the center region, you should be able to simply get rid of this hierarchy and place the hbox layout directly on the center region, thus making the 3 items direct descendants of the center region. If you need that level of nesting for some reason, you should set layout:'fit' on the center panel so that the middle layer knows how to layout within the center region.

    Second, instead of "autoScroll", you should start using "scrollable" instead. The former still works, but has been deprecated.


    I've included a modified version of your Fiddle below with the extra nesting removed and the scrollable config applied.

    https://fiddle.sencha.com/#fiddle/t39

    Hope that helps! Thanks!
    Joel

  4. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    18

    Default

    Hi,

    Thanks for your answer. But this is not working as expected.
    I put text down the div and expect normal scrollbar of browser window.
    Scrollbar didn't appear.

    You can check here:
    https://fiddle.sencha.com/#fiddle/t3a

  5. #4
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Quote Originally Posted by jimswers View Post
    Hi,

    Thanks for your answer. But this is not working as expected.
    I put text down the div and expect normal scrollbar of browser window.
    Scrollbar didn't appear.

    You can check here:
    https://fiddle.sencha.com/#fiddle/t3a
    Hi--

    You'll want "stretchmax" for align, not "stretch". The latter will stretch the content to the height of the container, while the latter will stretch the content to the height of the largest item:

    http://docs.sencha.com/extjs/6.0/6.0....Box-cfg-align

    Thanks!
    Joel

Similar Threads

  1. Scroll vertical in carousel to see content problem
    By Nos in forum Sencha Touch 2.x: Q&A
    Replies: 4
    Last Post: 31 May 2012, 11:18 PM
  2. Panel's content missing after add scroll:'vertical'
    By jimmy6 in forum Sencha Touch 2.x: Q&A
    Replies: 8
    Last Post: 21 Mar 2012, 5:10 AM
  3. Sencha Touch Horizontal carousel, scroll: 'vertical' hides content
    By kaur_chit1 in forum Sencha Touch 1.x: Q&A
    Replies: 1
    Last Post: 16 Jan 2012, 6:25 AM
  4. [CLOSED] Scroll: 'vertical' on a Carousel hides content
    By rockinthesixstring in forum Sencha Touch 2.x: Bugs
    Replies: 2
    Last Post: 24 Oct 2011, 10:48 AM
  5. prerender cards with large vertical scroll content.
    By omulriain in forum Sencha Touch 1.x: Discussion
    Replies: 8
    Last Post: 7 Oct 2010, 9:17 PM

Tags for this Thread

Posting Permissions

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