orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加左侧边栏菜单自动垂直居中动画效果

This commit is contained in:
Argo-Lenovo 2016-11-20 18:25:47 +08:00
parent 9d64a2bd47
commit 0db404d0c9
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
Bootstrap.Admin/Content/js/common-scripts.js
View File

@ -23,16 +23,10 @@
var arch = $('#nav-accordion').find('a.active').last(); var arch = $('#nav-accordion').find('a.active').last();
$breadNav.text(arch.text()); $breadNav.text(arch.text());
var top = arch.offset().top; var top = arch.offset().top;
if (top > $sidebar.height()) $sidebar.animate({ scrollTop: top + 300 - $sidebar.height() }, 800); if (top > 0) {
var middle = $('header').outerHeight() + $sidebar.outerHeight() / 2;
$sidebar.on('click', 'a', function () { if (top > middle) $sidebar.animate({ scrollTop: top + arch.outerHeight() / 2 - middle }, 800);
var o = ($(this).offset()); }
diff = 300 - o.top;
if (diff > 0)
$sidebar.scrollTo("-=" + Math.abs(diff), 500);
else
$sidebar.scrollTo("+=" + Math.abs(diff), 500);
});
$('.sidebar-toggle-box').on('click', function () { $('.sidebar-toggle-box').on('click', function () {
if ($sidebar.is(":visible") === true) { if ($sidebar.is(":visible") === true) {