优化导航栏、分享海报等显示效果;优化代码及性能
This commit is contained in:
@@ -163,6 +163,31 @@ var pix = {
|
||||
|
||||
},
|
||||
|
||||
centerCategoryNavActive: function ($link) {
|
||||
var $activeLink = $link && $link.length ? $link : $('.moment_cat_nav .active, .posts_cat_nav .active, .photos_cat_nav .active, .douban_cat_nav .active, .friends_cat_nav .active').first();
|
||||
if (!$activeLink || !$activeLink.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
var navEl = $activeLink.closest('.moment_cat_nav, .posts_cat_nav, .photos_cat_nav, .douban_cat_nav, .friends_cat_nav').find('ul').get(0);
|
||||
if (!navEl) {
|
||||
return;
|
||||
}
|
||||
|
||||
var linkEl = $activeLink.get(0);
|
||||
var maxScrollLeft = navEl.scrollWidth - navEl.clientWidth;
|
||||
if (maxScrollLeft <= 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var navRect = navEl.getBoundingClientRect();
|
||||
var linkRect = linkEl.getBoundingClientRect();
|
||||
var targetScrollLeft = navEl.scrollLeft + (linkRect.left - navRect.left) - (navRect.width / 2 - linkRect.width / 2);
|
||||
targetScrollLeft = Math.max(0, Math.min(maxScrollLeft, targetScrollLeft));
|
||||
|
||||
$(navEl).stop(true).animate({ scrollLeft: targetScrollLeft }, 220);
|
||||
},
|
||||
|
||||
topCategoriesBarScroll: function () {
|
||||
if (document.getElementById("cat_nav_items")) {
|
||||
let xscroll = document.getElementById("cat_nav_items");
|
||||
|
||||
Reference in New Issue
Block a user