JoeHana
4/6/2013 - 4:40 PM

This is a basic Toolbar Script which fixes a specified DIV on top of the upper browser border.

This is a basic Toolbar Script which fixes a specified DIV on top of the upper browser border.

init.js
content_copyfile_download
<!-- Toolbar >> Start -->
var $toolbar = $(".qc-toolbar").addClass("toolbar-absolute");

if($toolbar.length !== 0) {
	var $view = $(document);
	var menuHeight = $toolbar.height();
	var $ghost = $('<div class="ghost">').height(menuHeight).insertBefore($toolbar);
	var originalMenuTop = $toolbar.offset().top;
	$view.bind("scroll resize", function () {
		var viewTop = $view.scrollTop();
		if ((viewTop >= originalMenuTop) && !$toolbar.is(".toolbar-fixed")) {
			$toolbar.removeClass("toolbar-absolute").addClass("toolbar-fixed");
		} else if ((viewTop < originalMenuTop) && $toolbar.is(".toolbar-fixed")) {
			$toolbar.removeClass("toolbar-fixed").addClass("toolbar-absolute");
		};
	});
};
<!-- Toolbar >> End -->