feat: 支持 Cherry Markdown 阅读页目录滚动功能 (#1028)

bobodaye · web-flow · commit 1a153cf31da7 · 2026-03-23T10:39:10.000+08:00
* 在函数开头添加输入元素检测，当焦点在输入框、textarea、select 或可编辑元素中时，直接返回不执行快捷键操作

* feat: 支持 Cherry Markdown 阅读页目录滚动功能

- 为 Cherry 编辑器阅读模式的目录添加最大高度限制
- 当目录过长时支持垂直滚动查看后续条目
- 使用 calc(100vh - 180px) 动态计算合适的滚动容器高度
- 启用 webkit 平滑滚动以改善移动端体验
diff --git a/views/document/cherry_read.tpl b/views/document/cherry_read.tpl
@@ -50,6 +50,13 @@
                 display: none;
             }
         }
+
+        .m-manual.manual-reader .manual-article.cherry-markdown .article-body .toc {
+            max-height: calc(100vh - 180px);
+            overflow-y: auto;
+            overflow-x: hidden;
+            -webkit-overflow-scrolling: touch;
+        }
     </style>
 </head>
 <body>

Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,13 @@`
`50`	`50`	`display: none;`
`51`	`51`	`}`
`52`	`52`	`}`
	`53`	`+`
	`54`	`+ .m-manual.manual-reader .manual-article.cherry-markdown .article-body .toc {`
	`55`	`+ max-height: calc(100vh - 180px);`
	`56`	`+ overflow-y: auto;`
	`57`	`+ overflow-x: hidden;`
	`58`	`+ -webkit-overflow-scrolling: touch;`
	`59`	`+ }`
`53`	`60`	`</style>`
`54`	`61`	`</head>`
`55`	`62`	`<body>`