Mixing
Getting rid of shadow when scrolling too far on android browsers/cordova
Scroll Shadow at the top of the page
I'm having trouble getting rid of this shadow when I scroll too far up/down. I'm currently using Cordova to display my HTML, but I see this behavior on other sites in the Chrome browser, so I feel like this may be a property in the HTML. Is there a way to get rid of it using CSS?
html css cordova
asked Jan 1 at 16:57
cyropoxcyropox
1
add a comment |
Scroll Shadow at the top of the page
I'm having trouble getting rid of this shadow when I scroll too far up/down. I'm currently using Cordova to display my HTML, but I see this behavior on other sites in the Chrome browser, so I feel like this may be a property in the HTML. Is there a way to get rid of it using CSS?
html css cordova
asked Jan 1 at 16:57
cyropoxcyropox
1
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02
add a comment |
Scroll Shadow at the top of the page
I'm having trouble getting rid of this shadow when I scroll too far up/down. I'm currently using Cordova to display my HTML, but I see this behavior on other sites in the Chrome browser, so I feel like this may be a property in the HTML. Is there a way to get rid of it using CSS?
html css cordova
asked Jan 1 at 16:57
cyropoxcyropox
1
Scroll Shadow at the top of the page
I'm having trouble getting rid of this shadow when I scroll too far up/down. I'm currently using Cordova to display my HTML, but I see this behavior on other sites in the Chrome browser, so I feel like this may be a property in the HTML. Is there a way to get rid of it using CSS?
html css cordova
html css cordova
asked Jan 1 at 16:57
cyropoxcyropox
1
asked Jan 1 at 16:57
cyropoxcyropox
1
asked Jan 1 at 16:57
cyropoxcyropox
1
asked Jan 1 at 16:57
cyropoxcyropox
1
asked Jan 1 at 16:57
cyropoxcyropox
1
1
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02
add a comment |
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02
add a comment |
1 Answer
1
active
oldest
votes
I found a solution to this issue specifically for Cordova/Phone-gap users here. In your config.xml file, you can add the line
<preference name="DisallowOverscroll" value="true" />
I'll keep searching for a solution that works in Android web browsers.
answered Jan 1 at 18:06
cyropoxcyropox
1
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%2f53997282%2fgetting-rid-of-shadow-when-scrolling-too-far-on-android-browsers-cordova%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
I found a solution to this issue specifically for Cordova/Phone-gap users here. In your config.xml file, you can add the line
<preference name="DisallowOverscroll" value="true" />
I'll keep searching for a solution that works in Android web browsers.
answered Jan 1 at 18:06
cyropoxcyropox
1
add a comment |
I found a solution to this issue specifically for Cordova/Phone-gap users here. In your config.xml file, you can add the line
<preference name="DisallowOverscroll" value="true" />
I'll keep searching for a solution that works in Android web browsers.
answered Jan 1 at 18:06
cyropoxcyropox
1
add a comment |
I found a solution to this issue specifically for Cordova/Phone-gap users here. In your config.xml file, you can add the line
<preference name="DisallowOverscroll" value="true" />
I'll keep searching for a solution that works in Android web browsers.
answered Jan 1 at 18:06
cyropoxcyropox
1
I found a solution to this issue specifically for Cordova/Phone-gap users here. In your config.xml file, you can add the line
<preference name="DisallowOverscroll" value="true" />
I'll keep searching for a solution that works in Android web browsers.
answered Jan 1 at 18:06
cyropoxcyropox
1
answered Jan 1 at 18:06
cyropoxcyropox
1
answered Jan 1 at 18:06
cyropoxcyropox
1
answered Jan 1 at 18:06
cyropoxcyropox
1
1
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%2f53997282%2fgetting-rid-of-shadow-when-scrolling-too-far-on-android-browsers-cordova%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
I don't think it's possible to get rid of it. It's a native part of Android that lets the user know they can't scroll any further. For this reason I wouldn't recommend even trying to get rid of it. It's possible you might be able to cook up a JavaScript solution that keeps checking the scroll position and ensuring it never hits the very top or bottom, but that could get ugly.
– spacer GIF
Jan 1 at 17:52
Ah. That's unfortunate. I'm making an app with Cordova right now, and the shadow makes the app look completely un-native. I ended up finding a solution specifically for Cordova/phone-gap apps, but the shadow still looks a little obnoxious if I load the HTML page in the phone's browser.
– cyropox
Jan 1 at 18:02