first commit
This commit is contained in:
@@ -0,0 +1,73 @@
|
||||
var offscreen = function() {
|
||||
var container = $(".app"), canvasDirection, direction, rapidClick = false;
|
||||
function hide() {
|
||||
container.removeClass("move-left move-right");
|
||||
canvasDirection = "";
|
||||
setTimeout(function() {
|
||||
container.removeClass("offscreen");
|
||||
rapidClick = false;
|
||||
}, 300);
|
||||
}
|
||||
function toggle(direction) {
|
||||
if (direction !== undefined && direction === "rtl") {
|
||||
container.addClass("offscreen move-right").removeClass("move-left");
|
||||
canvasDirection = "rtl";
|
||||
} else {
|
||||
container.addClass("offscreen move-left").removeClass("move-right");
|
||||
canvasDirection = "ltr";
|
||||
}
|
||||
}
|
||||
function fixSlimScroll() {
|
||||
if (!$.browser.mobile && !sublime.checkBreakout()) {
|
||||
if (canvasDirection === "ltr") {
|
||||
if ($(".offscreen-left").find(".slimScrollDiv").length !== 0) {
|
||||
$(".offscreen-left").find(".main-navigation, .slimscroll")
|
||||
.slimScroll({
|
||||
height : 'auto'
|
||||
});
|
||||
}
|
||||
}
|
||||
if (canvasDirection === "rtl") {
|
||||
if ($(".offscreen-right").find(".slimScrollDiv").length !== 0) {
|
||||
$(".offscreen-right").find(".main-navigation, .slimscroll")
|
||||
.slimScroll({
|
||||
height : 'auto'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function events() {
|
||||
$("[data-toggle=offscreen]").on("click", function(e) {
|
||||
$("#topnav").toggleClass("hidden-xs");
|
||||
/*e.preventDefault();
|
||||
e.stopPropagation();
|
||||
direction = $(this).data("move");
|
||||
if (direction === canvasDirection) {
|
||||
hide();
|
||||
return;
|
||||
}
|
||||
if (rapidClick) {
|
||||
return;
|
||||
}
|
||||
rapidClick = true;
|
||||
toggle(direction);
|
||||
fixSlimScroll();*/
|
||||
});
|
||||
$(".exit-offscreen").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
hide();
|
||||
});
|
||||
}
|
||||
return {
|
||||
hide : hide,
|
||||
init : function() {
|
||||
events();
|
||||
}
|
||||
};
|
||||
}();
|
||||
$(function() {
|
||||
"use strict";
|
||||
offscreen.init();
|
||||
});
|
||||
Reference in New Issue
Block a user