pritu patel
Posts: 0
Joined: Tue Jan 21, 2014 6:24 am

Display two scrollbar problem

the page height is 480px and panel min-height is 542px.
When i open panel the size of panel more than page size.
so it display two scrollbar one for page and another for panel.
how to decrease min-height of panel using custom css.????
I tried it using css but not working.
and another question is that how to display scrollbar on panel.it is out side of panel in following image.
Image

Please help to solve this problem.

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Display two scrollbar problem

Hello Pritu,

I cannot reproduce, for me panel suits page size with one scrollbar for page.
Do you have the same when test on device?

pritu patel
Posts: 0
Joined: Tue Jan 21, 2014 6:24 am

Display two scrollbar problem

In my device there is another problem.
There is no scrollbar in my application.
But the whole application gone upside because of panel height.
see in following screenshot.
Image

I can't see the header...
I want to scroll only my panel .
Here scroll whole application.
How to solved it??

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Display two scrollbar problem

Set Position to fixed in Header Properties.

Prevention of page scrolling might be possible with custom JS/CSS. You can also check if jQuery Mobile has any features for that.
For instance, http://stackoverflow.com/questions/36...

pritu patel
Posts: 0
Joined: Tue Jan 21, 2014 6:24 am

Display two scrollbar problem

Hello Alena,
I follow this suggestion But the problem is as follow screenshot.
Header grid display but how to take in a bottom of header perfectly.It going on Top of the screen.
Image

For this i use this code in mycss.
Image
what is the solution for this???

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Display two scrollbar problem

Hi,

Please provide a public link to your app and specify the steps of the error reproducing.

pritu patel
Posts: 0
Joined: Tue Jan 21, 2014 6:24 am

Display two scrollbar problem

http://appery.io/app/mobile-frame?src...

I want the screen below the header.But in my app that display Behind the app.
I want fix header so i used above screen shot code to fix it.
But the problem is that the screen goes behind the header.
How to set below the header????

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Display two scrollbar problem

Just add following custom CSS:

[name=headergrid]{
margin:0;
}

pritu patel
Posts: 0
Joined: Tue Jan 21, 2014 6:24 am

Display two scrollbar problem

no it's not working. nothing change on page

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Display two scrollbar problem

Hi,
This one must work:

[name=headergrid]{
margin:0 !important;
}

Return to “Issues”