Hiding scrollbars in Safari (iOS 11.1.2) still not possible with webkit-scrollbar?
I need to hide all scrollbars in my web application in the latest Safari (iOS 11.1.2).
They must be hidden even by scrolling.
Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.
To hide scrollbars, I tried to apply the following rules to scrollable elements:
.element::-webkit-scrollbar {
display: none;
}
or
.element::-webkit-scrollbar {
-webkit-appearance: none;
}
or the combination of it. But it had no effect.
Is it possible to hide scrollbars under this conditions?
Or the only way is to hide the scrollbars using the known hack by giving a negative margin-right value to element's container?
css safari webkit scrollbar ios11
asked Nov 21 '17 at 12:52
gregory
817
add a comment |
I need to hide all scrollbars in my web application in the latest Safari (iOS 11.1.2).
They must be hidden even by scrolling.
Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.
To hide scrollbars, I tried to apply the following rules to scrollable elements:
.element::-webkit-scrollbar {
display: none;
}
or
.element::-webkit-scrollbar {
-webkit-appearance: none;
}
or the combination of it. But it had no effect.
Is it possible to hide scrollbars under this conditions?
Or the only way is to hide the scrollbars using the known hack by giving a negative margin-right value to element's container?
css safari webkit scrollbar ios11
asked Nov 21 '17 at 12:52
gregory
817
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01
add a comment |
I need to hide all scrollbars in my web application in the latest Safari (iOS 11.1.2).
They must be hidden even by scrolling.
Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.
To hide scrollbars, I tried to apply the following rules to scrollable elements:
.element::-webkit-scrollbar {
display: none;
}
or
.element::-webkit-scrollbar {
-webkit-appearance: none;
}
or the combination of it. But it had no effect.
Is it possible to hide scrollbars under this conditions?
Or the only way is to hide the scrollbars using the known hack by giving a negative margin-right value to element's container?
css safari webkit scrollbar ios11
asked Nov 21 '17 at 12:52
gregory
817
I need to hide all scrollbars in my web application in the latest Safari (iOS 11.1.2).
They must be hidden even by scrolling.
Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.
To hide scrollbars, I tried to apply the following rules to scrollable elements:
.element::-webkit-scrollbar {
display: none;
}
or
.element::-webkit-scrollbar {
-webkit-appearance: none;
}
or the combination of it. But it had no effect.
Is it possible to hide scrollbars under this conditions?
Or the only way is to hide the scrollbars using the known hack by giving a negative margin-right value to element's container?
css safari webkit scrollbar ios11
css safari webkit scrollbar ios11
asked Nov 21 '17 at 12:52
gregory
817
asked Nov 21 '17 at 12:52
gregory
817
asked Nov 21 '17 at 12:52
gregory
817
asked Nov 21 '17 at 12:52
gregory
817
asked Nov 21 '17 at 12:52
gregory
817
817
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01
add a comment |
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01
add a comment |
1 Answer
1
active
oldest
votes
Maybe You can use:
.element {
overflow: hidden;
}
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
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%2f47413595%2fhiding-scrollbars-in-safari-ios-11-1-2-still-not-possible-with-webkit-scrollba%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
Maybe You can use:
.element {
overflow: hidden;
}
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
add a comment |
Maybe You can use:
.element {
overflow: hidden;
}
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
add a comment |
Maybe You can use:
.element {
overflow: hidden;
}
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
Maybe You can use:
.element {
overflow: hidden;
}
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
edited Nov 18 '18 at 2:01
Stephen Rauch
28k153256
28k153256
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
answered Nov 18 '18 at 1:44
PIZZZZZZZZZZZA is here
575
575
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
add a comment |
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
This prevents scrolling.
– Dustin
Dec 27 '18 at 22:23
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f47413595%2fhiding-scrollbars-in-safari-ios-11-1-2-still-not-possible-with-webkit-scrollba%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
“Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.” - having to scroll stuff in multiple places is usually not “comfortable”, it is annoying ...
– CBroe
Nov 21 '17 at 12:54
In my case, stuff can be scrolled in one place on the screen. E.g. it can be message list or a big form. By 'comfortable' i meant the following: if the content is really long, so user can scroll a big part of it up or down by only one gesture, if -webkit-overflow-scrolling set to 'touch'. Because content will continue scrolling for some time after gesture ends. Otherwise, scrolling stops immediately after the user stops touching the screen. That's what it meant.
– gregory
Nov 21 '17 at 13:06
So why do you need to hide the scrollbar then, doesn’t that automatically show only while scrolling to begin with?
– CBroe
Nov 21 '17 at 14:07
It's exactly the task given to me - to do so that scrollbars would be always hidden, even while scrolling.
– gregory
Nov 21 '17 at 15:01