polynux
/
tarteauxmyrtilles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New feature! Services are allowed when the user scroll down more than 2x is screen height

This commit is contained in:
Amauri CHAMPEAUX 2015-06-07 18:48:23 +02:00
parent 98e5588456
commit d1c1635c62
2 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/tarteaucitron.css
View File

@ -358,6 +358,7 @@
left: 0; left: 0;
position: fixed; position: fixed;
width: 0; width: 0;
z-index: 2147483644;
} }
/*** /***

36
tarteaucitron.js
View File

@ -39,15 +39,15 @@ var tarteaucitron = {
}, true); }, true);
}, false); }, false);
window.addEventListener("scroll", function () { window.addEventListener("scroll", function () {
var scrollPos = window.pageYOffset || document.documentElement.scrollTop, var scrollPos = window.pageYOffset || document.documentElement.scrollTop,
heightPosition; heightPosition;
if (document.getElementById('tarteaucitronAlertBig') !== null && !tarteaucitron.highPrivacy) { if (document.getElementById('tarteaucitronAlertBig') !== null && !tarteaucitron.highPrivacy) {
if (document.getElementById('tarteaucitronAlertBig').style.display === 'block') { if (document.getElementById('tarteaucitronAlertBig').style.display === 'block') {
heightPosition = document.getElementById('tarteaucitronAlertBig').offsetHeight + 'px'; heightPosition = document.getElementById('tarteaucitronAlertBig').offsetHeight + 'px';
if (scrollPos > (screen.height * 2)) { if (scrollPos > (screen.height * 2)) {
tarteaucitron.userInterface.respondAll(true); tarteaucitron.userInterface.respondAll(true);
} else if (scrollPos > (screen.height / 2)) { } else if (scrollPos > (screen.height / 2)) {
document.getElementById('tarteaucitronDisclaimerAlert').innerHTML = '<b>' + tarteaucitron.lang.alertBigScroll + '</b> ' + tarteaucitron.lang.alertBig; document.getElementById('tarteaucitronDisclaimerAlert').innerHTML = '<b>' + tarteaucitron.lang.alertBigScroll + '</b> ' + tarteaucitron.lang.alertBig;
} }
@ -56,10 +56,10 @@ var tarteaucitron = {
} else { } else {
document.getElementById('tarteaucitronPercentage').style.bottom = heightPosition; document.getElementById('tarteaucitronPercentage').style.bottom = heightPosition;
} }
document.getElementById('tarteaucitronPercentage').style.width = ((100 / (screen.height * 2)) * scrollPos) + '%'; document.getElementById('tarteaucitronPercentage').style.width = ((100 / (screen.height * 2)) * scrollPos) + '%';
} }
} }
}, false); }, false);
window.addEventListener("keydown", function (evt) { window.addEventListener("keydown", function (evt) {
if (evt.keyCode === 27) { if (evt.keyCode === 27) {
tarteaucitron.userInterface.closePanel(); tarteaucitron.userInterface.closePanel();
@ -93,15 +93,15 @@ var tarteaucitron = {
}, true); }, true);
}); });
window.attachEvent("onscroll", function () { window.attachEvent("onscroll", function () {
var scrollPos = window.pageYOffset || document.documentElement.scrollTop, var scrollPos = window.pageYOffset || document.documentElement.scrollTop,
heightPosition; heightPosition;
if (document.getElementById('tarteaucitronAlertBig') !== null && !tarteaucitron.highPrivacy) { if (document.getElementById('tarteaucitronAlertBig') !== null && !tarteaucitron.highPrivacy) {
if (document.getElementById('tarteaucitronAlertBig').style.display === 'block') { if (document.getElementById('tarteaucitronAlertBig').style.display === 'block') {
heightPosition = document.getElementById('tarteaucitronAlertBig').offsetHeight + 'px'; heightPosition = document.getElementById('tarteaucitronAlertBig').offsetHeight + 'px';
if (scrollPos > (screen.height * 2)) { if (scrollPos > (screen.height * 2)) {
tarteaucitron.userInterface.respondAll(true); tarteaucitron.userInterface.respondAll(true);
} else if (scrollPos > (screen.height / 2)) { } else if (scrollPos > (screen.height / 2)) {
document.getElementById('tarteaucitronDisclaimerAlert').innerHTML = '<b>' + tarteaucitron.lang.alertBigScroll + '</b> ' + tarteaucitron.lang.alertBig; document.getElementById('tarteaucitronDisclaimerAlert').innerHTML = '<b>' + tarteaucitron.lang.alertBigScroll + '</b> ' + tarteaucitron.lang.alertBig;
} }
if (tarteaucitron.orientation === 'top') { if (tarteaucitron.orientation === 'top') {
@ -109,10 +109,10 @@ var tarteaucitron = {
} else { } else {
document.getElementById('tarteaucitronPercentage').style.bottom = heightPosition; document.getElementById('tarteaucitronPercentage').style.bottom = heightPosition;
} }
document.getElementById('tarteaucitronPercentage').style.width = ((100 / (screen.height * 2)) * scrollPos) + '%'; document.getElementById('tarteaucitronPercentage').style.width = ((100 / (screen.height * 2)) * scrollPos) + '%';
} }
} }
}); });
window.attachEvent("onkeydown", function (evt) { window.attachEvent("onkeydown", function (evt) {
if (evt.keyCode === 27) { if (evt.keyCode === 27) {
tarteaucitron.userInterface.closePanel(); tarteaucitron.userInterface.closePanel();