auto-novel icon indicating copy to clipboard operation
auto-novel copied to clipboard

移动端 CatalogModal 可能出现双滚动条

Open mojimoon opened this issue 7 months ago • 1 comments

这个问题的原因其实很简单,但确实不好解决。暂时放在这里了。

CatalogModal.vue:118 规定了 max-height: 80vh,但不一定扩展到这个高度:

  <c-modal
    style="min-height: 30vh; max-height: 80vh"
    content-style="overflow: auto;"
  >

ChapterTocList.vue:183 又是用 80vh 作为基准计算的:

@supports (height: 100dvh) {
  .modal-virtual-list {
    max-height: calc(80dvh - 200px);
  }
}
@supports not (height: 100dvh) {
  .modal-virtual-list {
    max-height: calc(80vh - 200px);
  }
} 

mojimoon avatar May 05 '25 08:05 mojimoon

https://www.pixiv.net/novel/series/13361221 补充例子,目录显示不全,可以滚动

FishHawk avatar May 25 '25 14:05 FishHawk