--- /dev/null
+/*
+ * Documentation JS script
+ */
+$(function () {
+ var slideToTop = $("<div />");
+ slideToTop.html('<i class="fa fa-chevron-up"></i>');
+ slideToTop.css({
+ position: 'fixed',
+ bottom: '20px',
+ right: '25px',
+ width: '40px',
+ height: '40px',
+ color: '#eee',
+ 'font-size': '',
+ 'line-height': '40px',
+ 'text-align': 'center',
+ 'background-color': '#222d32',
+ cursor: 'pointer',
+ 'border-radius': '5px',
+ 'z-index': '99999',
+ opacity: '.7',
+ 'display': 'none'
+ });
+ slideToTop.on('mouseenter', function () {
+ $(this).css('opacity', '1');
+ });
+ slideToTop.on('mouseout', function () {
+ $(this).css('opacity', '.7');
+ });
+ $('.wrapper').append(slideToTop);
+ $(window).scroll(function () {
+ if ($(window).scrollTop() >= 150) {
+ if (!$(slideToTop).is(':visible')) {
+ $(slideToTop).fadeIn(500);
+ }
+ } else {
+ $(slideToTop).fadeOut(500);
+ }
+ });
+ $(slideToTop).click(function () {
+ $("body").animate({
+ scrollTop: 0
+ }, 500);
+ });
+ $(".sidebar-menu li:not(.treeview) a").click(function () {
+ var $this = $(this);
+ var target = $this.attr("href");
+ if (typeof target === 'string') {
+ $("body").animate({
+ scrollTop: ($(target).offset().top) + "px"
+ }, 500);
+ }
+ });
+ //Skin switcher
+ var current_skin = "skin-blue";
+ $('#layout-skins-list [data-skin]').click(function(e) {
+ e.preventDefault();
+ var skinName = $(this).data('skin');
+ $('body').removeClass(current_skin);
+ $('body').addClass(skinName);
+ current_skin = skinName;
+ });
+});