How avoid a scrolling show behind a header with iOS / Html / WebView
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I have an HTML page running in a webview, that has a header - list - footer.
When the list scrolls, it becomes visible behind the header, that must be static:
This is the header:
.q-layout-header {
background-color: #343a40;
position: fixed;
top: 0;
z-index: 10;
}
This only happened in iOS devices/Simulators. On Android, it works.
ios css scrollview quasar-framework
edited Dec 27 '18 at 0:40
DerpoDog
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
add a comment |
I have an HTML page running in a webview, that has a header - list - footer.
When the list scrolls, it becomes visible behind the header, that must be static:
This is the header:
.q-layout-header {
background-color: #343a40;
position: fixed;
top: 0;
z-index: 10;
}
This only happened in iOS devices/Simulators. On Android, it works.
ios css scrollview quasar-framework
edited Dec 27 '18 at 0:40
DerpoDog
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22
add a comment |
I have an HTML page running in a webview, that has a header - list - footer.
When the list scrolls, it becomes visible behind the header, that must be static:
This is the header:
.q-layout-header {
background-color: #343a40;
position: fixed;
top: 0;
z-index: 10;
}
This only happened in iOS devices/Simulators. On Android, it works.
ios css scrollview quasar-framework
edited Dec 27 '18 at 0:40
DerpoDog
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
I have an HTML page running in a webview, that has a header - list - footer.
When the list scrolls, it becomes visible behind the header, that must be static:
This is the header:
.q-layout-header {
background-color: #343a40;
position: fixed;
top: 0;
z-index: 10;
}
This only happened in iOS devices/Simulators. On Android, it works.
ios css scrollview quasar-framework
ios css scrollview quasar-framework
edited Dec 27 '18 at 0:40
DerpoDog
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
edited Dec 27 '18 at 0:40
DerpoDog
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
edited Dec 27 '18 at 0:40
DerpoDog
53
edited Dec 27 '18 at 0:40
DerpoDog
53
edited Dec 27 '18 at 0:40
DerpoDog
53
53
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
asked Dec 26 '18 at 22:06
mamcxmamcx
7,2182179150
7,2182179150
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22
add a comment |
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22
add a comment |
1 Answer
1
active
oldest
votes
In your q-layout change your view property
<q-layout view="lhh Lpr lff">
and unedit the css class u edited
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53937667%2fhow-avoid-a-scrolling-show-behind-a-header-with-ios-html-webview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
In your q-layout change your view property
<q-layout view="lhh Lpr lff">
and unedit the css class u edited
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
add a comment |
In your q-layout change your view property
<q-layout view="lhh Lpr lff">
and unedit the css class u edited
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
add a comment |
In your q-layout change your view property
<q-layout view="lhh Lpr lff">
and unedit the css class u edited
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
In your q-layout change your view property
<q-layout view="lhh Lpr lff">
and unedit the css class u edited
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
edited Jan 4 at 12:06
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
answered Jan 4 at 12:01
Pavan GadagiPavan Gadagi
413
413
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53937667%2fhow-avoid-a-scrolling-show-behind-a-header-with-ios-html-webview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Try setting cliptobounds for web view.
– Diptesh
Dec 26 '18 at 22:22