mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-27 06:54:31 +02:00
Code Issues Releases Wiki Activity

Disable elastic scrolling/bounce, hide scrollbar

Browse Source
This commit is contained in:
José Luis Antúnez
2017-02-27 20:40:39 +01:00
committed by GitHub
parent ebe42090ac
commit 50af5fe3df
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/css/base.css
View File

@@ -302,6 +302,8 @@ dd {
1. Base --> Baseline: 8px = .8rem 1. Base --> Baseline: 8px = .8rem
=========================================== */ =========================================== */
/* -- Disable elastic scrolling/bounce -- */
html, html,
body { body {
width: 100%; width: 100%;
@@ -309,15 +311,22 @@ body {
overflow: hidden; overflow: hidden;
} }
#webslides { #webslides {
height: 100vh; height: 100vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
/* -- Hide scrollbar, but still being able to scroll -- */
/* == Prototype faster - Vertical rhythm == */ #webslides {
-ms-overflow-style: none; /* IE 10+ */
}
#webslides::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
/* -- Prototype faster - Vertical rhythm -- */
body.baseline { body.baseline {
background: url(../images/baseline.png) left top .8rem/.8rem; background: url(../images/baseline.png) left top .8rem/.8rem;