75 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			75 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
/*
 | 
						|
 * Documentation JS script
 | 
						|
 */
 | 
						|
$(function () {
 | 
						|
  'use strict'
 | 
						|
 | 
						|
  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 currentSkin = 'skin-blue'
 | 
						|
 | 
						|
  $('#layout-skins-list [data-skin]').click(function (e) {
 | 
						|
    e.preventDefault()
 | 
						|
    var skinName = $(this).data('skin')
 | 
						|
    $('body').removeClass(currentSkin)
 | 
						|
    $('body').addClass(skinName)
 | 
						|
    currentSkin = skinName
 | 
						|
  })
 | 
						|
})
 |