src: hide scrollbars after fullscreen, also consider scroll position

This commit is contained in:
Micooz 2017-09-22 11:42:10 +08:00
parent c7a7e6c519
commit 1d44769eee
1 changed files with 12 additions and 0 deletions

View File

@ -1,3 +1,5 @@
import utils from './utils';
class FullScreen {
constructor (player) {
this.player = player;
@ -50,6 +52,11 @@ class FullScreen {
break;
case 'web':
this.player.container.classList.add('dplayer-fulled');
// record last position then hide scrollbars
this.lastScrollPosition = utils.getScrollPosition();
document.body.classList.add('dplayer-web-fullscreen-fix');
this.player.events.trigger('webfullscreen');
break;
}
@ -70,6 +77,11 @@ class FullScreen {
break;
case 'web':
this.player.container.classList.remove('dplayer-fulled');
// restore scrollbars and last position
document.body.classList.remove('dplayer-web-fullscreen-fix');
utils.setScrollPosition(this.lastScrollPosition);
this.player.events.trigger('webfullscreen_cancel');
break;
}