zendash - Admin Dashboard HTML Template

How to add Sticky Header

Add sticky class as shown below For Particular div 

	
		
	
	
    
<!-- Sticky js -->
<script src="../assets/js/sticky.js"></script>
Type URL
Plugin Link https://plugins.jquery.com/perfect-scrollbar/
How to Add new pscroll

Add sticky class as shown below For Particular div

You can Declare Both id's and classes

Add pscroll1 class as shown below For Particular div

You can Declare Both id's and classes in place of xyz and xyz1

    

.xyz{
	max-height:300px;   //// Add Particular max-height for this  class
	height:300px;       //// Add Particular height for this  class
}
#xyz1{
	max-height:300px;   //// Add Particular max-height for this  class
	height:300px;       //// Add Particular height for this  class
}

		
	
	
    
	
<!-- Perfect-scrollbar js -->
<script src="../assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>


/*---Scroling ---*/
//P-scroll
new PerfectScrollbar('.xyz', {
	suppressScrollX: true
});

//P-scroll
new PerfectScrollbar('#xyz1', {
	suppressScrollX: true
});
Type URL
Plugin Link https://plugins.jquery.com/perfect-scrollbar/
Loader

	
	
	
	
	
<!-- Loader js-->
<script src="../../assets/js/loader.js"></script>

(function($) {
    "use strict";
	
	// ______________ Page Loading
	$(window).on("load", function(e) {
		$("#global-loader").fadeOut("slow");
	})
})(jQuery);
Font Used

Google fonts are used in the template. They are as follows: Google Fonts

All Images are used: Pexels.com

THANK YOU!