Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added CSS rules to allow smooth (momentum) scrolling on iOS devices

Browse Source
This commit is contained in:
Samuel Chantaraud 2014-03-31 10:27:36 -04:00
parent b97127aca2
commit 50aa49bb06
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/viewer.css
View File

@ -230,6 +230,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
top: 32px; top: 32px;
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
width: 200px; width: 200px;
background-color: hsla(0,0%,0%,.1); background-color: hsla(0,0%,0%,.1);
@ -245,6 +246,7 @@ html[dir='rtl'] #sidebarContent {
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
top: 32px; top: 32px;
right: 0; right: 0;
@ -421,6 +423,7 @@ html[dir='rtl'] .secondaryToolbar {
max-width: 200px; max-width: 200px;
max-height: 400px; max-height: 400px;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: -4px; margin-bottom: -4px;
} }
@ -1096,6 +1099,7 @@ html[dir='rtl'] .verticalToolbarSeparator {
bottom: 0; bottom: 0;
padding: 10px 40px 0; padding: 10px 40px 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
} }
.thumbnail { .thumbnail {
@ -1164,6 +1168,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
bottom: 0; bottom: 0;
padding: 4px 4px 0; padding: 4px 4px 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
} }
@ -1395,6 +1400,10 @@ canvas {
background-color: hsla(0,0%,0%,.2); background-color: hsla(0,0%,0%,.2);
z-index: 10000; z-index: 10000;
} }
#overlayContainer > * {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#promptContainer { #promptContainer {
display: table-cell; display: table-cell;
@ -1542,6 +1551,7 @@ html[dir='rtl'] #documentPropertiesContainer .row > * {
bottom: 0; bottom: 0;
left: 0; left: 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
right: 0; right: 0;
top: 27px; top: 27px;