book/es6tutorial
1
0
Fork 0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-24 10:22:23 +00:00
Code Issues Releases Wiki Activity

add page flip

Browse Source
This commit is contained in:
ruanyf 2014-04-29 20:27:42 +08:00
parent 5a50c6f789
commit 80e24f39de
1 changed files with 0 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
js/ditto.js
View File

@ -35,8 +35,6 @@ function initialize() {
// page router
router();
$(window).on('hashchange', router);
var flip = document.querySelector('#flip');
Veil(flip, {prop: 'bottom'});
}
function init_sidebar_section() {
@ -234,64 +232,3 @@ function router() {
$(ditto.loading_id).hide();
});
}
// veil.js
(function (window, document, $) {
window.Veil = function (elem, options) {
var defaults = {
offset: 0,
prop: 'top',
onScroll: function (elem, threshold) {},
isHidden: function (elem, threshold) {},
isVisible: function (elem, threshold) {}
};
var lastScroll = 0;
var treshold = 0;
// merge the defaults with the passed options
for (var key in options) {
defaults[key] = options[key];
}
// if the defaults.prop is 'top' or 'bottom'
// we need the height, otherwise the width
var sizeProp = /to/i.test(defaults.prop) ? 'offsetHeight' : 'offsetWidth';
Veil.scroll = function () {
var scrollOffset = document.documentElement.scrollTop || document.body.scrollTop,
elemSize = elem[sizeProp] + defaults.offset,
diff = scrollOffset - lastScroll;
treshold = (treshold + diff > elemSize) ? elemSize : (scrollOffset < 0) ? 0 : treshold + diff;
treshold = (treshold < 0) ? 0 : treshold;
elem.style[defaults.prop] = (-treshold) + 'px';
defaults.onScroll(elem, treshold);
if (!treshold) defaults.isVisible(elem, treshold);
if (treshold === elemSize) defaults.isHidden(elem, treshold);
lastScroll = scrollOffset;
};
Veil.scroll();
// modern browsers
if (window.addEventListener) return window.addEventListener('scroll', Veil.scroll);
// ie8 and below
window.attachEvent('onscroll', Veil.scroll);
};
// if jquery or zepto is present,
// add a function to their prototype
if ($) $.fn.veil = function (options) {
return this.each(function () {
Veil(this, options);
});
};
}(this, document, this.jQuery || this.Zepto));