improvement: 優化 pjax 下,右下角按鈕的動畫

fix: 修復頁面設置 aside 爲 true 時,js 報錯的 bug
fix: 修復部分頁面右下角按鈕位置遮擋的 bug
fix: 修復壓縮 html 代碼,友情鏈接頁面壓縮會報錯的 bug
fix: 修復 safari 上滑動側邊菜單欄會收起的 bug
This commit is contained in:
Jerry
2022-01-16 00:47:05 +08:00
parent 18d9d652a0
commit 84ad5c5dd6
5 changed files with 32 additions and 30 deletions

View File

@@ -1,5 +1,5 @@
document.addEventListener('DOMContentLoaded', function () {
let blogNameWidth, menusWidth, searchWidth, $nav, hideMenuIndex
let blogNameWidth, menusWidth, searchWidth, $nav
let mobileSidebarOpen = false
const adjustMenu = (init) => {
@@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', function () {
$nav = document.getElementById('nav')
}
let hideMenuIndex = ''
if (window.innerWidth < 768) hideMenuIndex = true
else hideMenuIndex = blogNameWidth + menusWidth + searchWidth > $nav.offsetWidth - 120
@@ -259,7 +260,7 @@ document.addEventListener('DOMContentLoaded', function () {
// 當滾動條小于 56 的時候
if (document.body.scrollHeight <= innerHeight) {
$rightside.style.cssText = 'opacity: 1; transform: translateX(-38px)'
$rightside.style.cssText = 'opacity: 1; transform: translateX(-58px)'
return
}
@@ -734,7 +735,7 @@ document.addEventListener('DOMContentLoaded', function () {
const unRefreshFn = function () {
window.addEventListener('resize', () => {
adjustMenu(false)
hideMenuIndex && mobileSidebarOpen && sidebarFn.close()
btf.isHidden(document.getElementById('toggle-menu')) && mobileSidebarOpen && sidebarFn.close()
})
document.getElementById('menu-mask').addEventListener('click', e => { sidebarFn.close() })