test:: new function: click navbar scroll to top
This commit is contained in:
harukin
parent
983712bf9b
commit
a9db93138c
@ -2,156 +2,170 @@
|
||||
* plusfuture theme specific JavaScript
|
||||
*/
|
||||
|
||||
$(document).ready(function () {
|
||||
$(document).ready(function() {
|
||||
// CSS3 calc() fallback (for unsupported browsers)
|
||||
$("body").append(
|
||||
'<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'
|
||||
);
|
||||
if ($("#css3-calc").width() == 10) {
|
||||
$(window).resize(function() {
|
||||
if ($(window).width() < 992) {
|
||||
$("main").css("width", $(window).width() + $("aside").outerWidth());
|
||||
} else {
|
||||
$("main").css("width", "100%");
|
||||
}
|
||||
});
|
||||
}
|
||||
$("#css3-calc").remove(); // Remove the test element
|
||||
|
||||
// CSS3 calc() fallback (for unsupported browsers)
|
||||
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
|
||||
if ($('#css3-calc').width() == 10) {
|
||||
$(window).resize(function () {
|
||||
if ($(window).width() < 992) {
|
||||
$('main').css('width', $(window).width() + $('aside').outerWidth());
|
||||
} else {
|
||||
$('main').css('width', '100%');
|
||||
}
|
||||
});
|
||||
}
|
||||
$('#css3-calc').remove(); // Remove the test element
|
||||
if ($(window).width() >= 992) {
|
||||
$("#left_aside_wrapper, #right_aside_wrapper").stick_in_parent({
|
||||
offset_top: parseInt($("aside").css("padding-top")),
|
||||
parent: "main",
|
||||
spacer: ".aside_spacer"
|
||||
});
|
||||
}
|
||||
$("#expand-aside").on("click", toggleAside);
|
||||
|
||||
if ($(window).width() >= 992) {
|
||||
$('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({
|
||||
offset_top: parseInt($('aside').css('padding-top')),
|
||||
parent: 'main',
|
||||
spacer: '.aside_spacer'
|
||||
});
|
||||
}
|
||||
$('#expand-aside').on('click', toggleAside);
|
||||
$("section").on("click", function() {
|
||||
if ($("main").hasClass("region_1-on")) {
|
||||
toggleAside();
|
||||
}
|
||||
});
|
||||
|
||||
$('section').on('click', function () {
|
||||
if ($('main').hasClass('region_1-on')) {
|
||||
toggleAside();
|
||||
}
|
||||
});
|
||||
$("section").on("click", function() {
|
||||
if ($("main").hasClass("region_3-on")) {
|
||||
if ($(window).width() < 982) {
|
||||
toggleBside();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('section').on('click', function () {
|
||||
if ($('main').hasClass('region_3-on')) {
|
||||
if ($(window).width() < 982) {
|
||||
toggleBside();
|
||||
}
|
||||
}
|
||||
});
|
||||
var left_aside_height = $("#left_aside_wrapper").height();
|
||||
|
||||
var left_aside_height = $('#left_aside_wrapper').height();
|
||||
$("#left_aside_wrapper").on("click", function() {
|
||||
if (left_aside_height != $("#left_aside_wrapper").height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
left_aside_height = $("#left_aside_wrapper").height();
|
||||
}
|
||||
});
|
||||
|
||||
$('#left_aside_wrapper').on('click', function () {
|
||||
if (left_aside_height != $('#left_aside_wrapper').height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
left_aside_height = $('#left_aside_wrapper').height();
|
||||
}
|
||||
});
|
||||
var right_aside_height = $("#right_aside_wrapper").height();
|
||||
|
||||
$("#right_aside_wrapper").on("click", function() {
|
||||
if (right_aside_height != $("#right_aside_wrapper").height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
right_aside_height = $("#right_aside_wrapper").height();
|
||||
}
|
||||
});
|
||||
|
||||
var right_aside_height = $('#right_aside_wrapper').height();
|
||||
$(".usermenu").click(function() {
|
||||
if ($("#navbar-collapse-1, #navbar-collapse-2").hasClass("show")) {
|
||||
$("#navbar-collapse-1, #navbar-collapse-2").removeClass("show");
|
||||
}
|
||||
});
|
||||
|
||||
$('#right_aside_wrapper').on('click', function () {
|
||||
if (right_aside_height != $('#right_aside_wrapper').height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
right_aside_height = $('#right_aside_wrapper').height();
|
||||
}
|
||||
});
|
||||
$("#menu-btn").click(function() {
|
||||
if ($("#navbar-collapse-1").hasClass("show")) {
|
||||
$("#navbar-collapse-1").removeClass("show");
|
||||
}
|
||||
});
|
||||
|
||||
$('.usermenu').click(function () {
|
||||
if ($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')) {
|
||||
$('#navbar-collapse-1, #navbar-collapse-2').removeClass('show');
|
||||
}
|
||||
});
|
||||
$(".notifications-btn").click(function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
if ($("#navbar-collapse-2").hasClass("show")) {
|
||||
$("#navbar-collapse-2").removeClass("show");
|
||||
}
|
||||
});
|
||||
|
||||
$('#menu-btn').click(function () {
|
||||
if ($('#navbar-collapse-1').hasClass('show')) {
|
||||
$('#navbar-collapse-1').removeClass('show');
|
||||
}
|
||||
});
|
||||
$("input[data-role=cat-tagsinput]").tagsinput({
|
||||
tagClass: "badge badge-pill badge-warning text-dark"
|
||||
});
|
||||
|
||||
$('.notifications-btn').click(function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
if ($('#navbar-collapse-2').hasClass('show')) {
|
||||
$('#navbar-collapse-2').removeClass('show');
|
||||
}
|
||||
});
|
||||
$("a.disabled").click(function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$("input[data-role=cat-tagsinput]").tagsinput({
|
||||
tagClass: 'badge badge-pill badge-warning text-dark'
|
||||
});
|
||||
|
||||
$('a.disabled').click(function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
var doctitle = document.title;
|
||||
function checkNotify() {
|
||||
var notifyUpdateElem = document.getElementById('notify-update');
|
||||
if (notifyUpdateElem !== null) {
|
||||
if (notifyUpdateElem.innerHTML !== "")
|
||||
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
|
||||
else
|
||||
document.title = doctitle;
|
||||
}
|
||||
}
|
||||
setInterval(function () { checkNotify(); }, 10 * 1000);
|
||||
var doctitle = document.title;
|
||||
function checkNotify() {
|
||||
var notifyUpdateElem = document.getElementById("notify-update");
|
||||
if (notifyUpdateElem !== null) {
|
||||
if (notifyUpdateElem.innerHTML !== "")
|
||||
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
|
||||
else document.title = doctitle;
|
||||
}
|
||||
}
|
||||
setInterval(function() {
|
||||
checkNotify();
|
||||
}, 10 * 1000);
|
||||
});
|
||||
|
||||
function makeFullScreen(full) {
|
||||
if (typeof full == 'undefined' || full == true) {
|
||||
$('main').addClass('fullscreen');
|
||||
$('header, nav, aside, #fullscreen-btn').attr('style', 'display:none !important');
|
||||
$('#inline-btn').show();
|
||||
}
|
||||
else {
|
||||
$('main').removeClass('fullscreen');
|
||||
$('header, nav, aside, #fullscreen-btn').show();
|
||||
$('#inline-btn').hide();
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
}
|
||||
if (typeof full == "undefined" || full == true) {
|
||||
$("main").addClass("fullscreen");
|
||||
$("header, nav, aside, #fullscreen-btn").attr(
|
||||
"style",
|
||||
"display:none !important"
|
||||
);
|
||||
$("#inline-btn").show();
|
||||
} else {
|
||||
$("main").removeClass("fullscreen");
|
||||
$("header, nav, aside, #fullscreen-btn").show();
|
||||
$("#inline-btn").hide();
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
}
|
||||
}
|
||||
|
||||
function toggleAside() {
|
||||
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
|
||||
if ($('main').hasClass('region_1-on')) {
|
||||
$('html, body').css('overflow-x', '');
|
||||
$('main').removeClass('region_1-on')
|
||||
$('#overlay').remove();
|
||||
$('#left_aside_wrapper').trigger("sticky_kit:detach");
|
||||
}
|
||||
else {
|
||||
$('html, body').css('overflow-x', 'hidden');
|
||||
$('main').addClass('region_1-on')
|
||||
$('<div id="overlay"></div>').appendTo('section');
|
||||
$('#left_aside_wrapper').stick_in_parent({
|
||||
offset_top: $('nav').outerHeight(true) + 10,
|
||||
parent: '#region_1',
|
||||
spacer: '#left_aside_spacer'
|
||||
});
|
||||
}
|
||||
$("#expand-aside-icon")
|
||||
.toggleClass("fa-arrow-circle-right")
|
||||
.toggleClass("fa-arrow-circle-left");
|
||||
if ($("main").hasClass("region_1-on")) {
|
||||
$("html, body").css("overflow-x", "");
|
||||
$("main").removeClass("region_1-on");
|
||||
$("#overlay").remove();
|
||||
$("#left_aside_wrapper").trigger("sticky_kit:detach");
|
||||
} else {
|
||||
$("html, body").css("overflow-x", "hidden");
|
||||
$("main").addClass("region_1-on");
|
||||
$('<div id="overlay"></div>').appendTo("section");
|
||||
$("#left_aside_wrapper").stick_in_parent({
|
||||
offset_top: $("nav").outerHeight(true) + 10,
|
||||
parent: "#region_1",
|
||||
spacer: "#left_aside_spacer"
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function toggleBside() {
|
||||
if ($('main').hasClass('region_3-on')) {
|
||||
$('html, body').css('overflow-x', '');
|
||||
$('main').removeClass('region_3-on')
|
||||
$('#region_3').addClass('d-none')
|
||||
$('#overlay').remove();
|
||||
$('#right_aside_wrapper').trigger("sticky_kit:detach");
|
||||
}
|
||||
else {
|
||||
$('html, body').css('overflow-x', 'hidden');
|
||||
$('main').addClass('region_3-on')
|
||||
$('#region_3').removeClass('d-none')
|
||||
$('<div id="overlay"></div>').appendTo('section');
|
||||
$('#right_aside_wrapper').stick_in_parent({
|
||||
offset_top: $('nav').outerHeight(true) + 10,
|
||||
parent: '#region_3',
|
||||
spacer: '#right_aside_spacer'
|
||||
});
|
||||
}
|
||||
}
|
||||
if ($("main").hasClass("region_3-on")) {
|
||||
$("html, body").css("overflow-x", "");
|
||||
$("main").removeClass("region_3-on");
|
||||
$("#region_3").addClass("d-none");
|
||||
$("#overlay").remove();
|
||||
$("#right_aside_wrapper").trigger("sticky_kit:detach");
|
||||
} else {
|
||||
$("html, body").css("overflow-x", "hidden");
|
||||
$("main").addClass("region_3-on");
|
||||
$("#region_3").removeClass("d-none");
|
||||
$('<div id="overlay"></div>').appendTo("section");
|
||||
$("#right_aside_wrapper").stick_in_parent({
|
||||
offset_top: $("nav").outerHeight(true) + 10,
|
||||
parent: "#region_3",
|
||||
spacer: "#right_aside_spacer"
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
//トップに戻る
|
||||
$(".navbar").click(function() {
|
||||
$("body,html").animate(
|
||||
{
|
||||
scrollTop: 0
|
||||
},
|
||||
150
|
||||
);
|
||||
return false;
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user