在代码块上添加覆盖层,防止滚动直到用户点击

你好 :wave:

代码块可能会非常长……例如,当它包含完整的重建日志或其他长文本时……在帖子中的代码块部分滚动或滚动到代码块的末尾并不容易,尤其是在屏幕尺寸较小的情况下。最简单的方法是在代码块之前滚动一大段距离,或者找到两侧的 10px。

为巨大的代码块添加一个覆盖层将是一个好主意,该覆盖层可以阻止滚动,直到用户进行交互。当用户单击它时,覆盖层会消失,滚动会激活。

谢谢 :slightly_smiling_face:

1 个赞

也许可以尝试将其放入主题组件中?您觉得怎么样?

2 个赞

是的,我考虑过。使用组件完全可以实现。我会试试的。:slightly_smiling_face:

1 个赞

你好 :waving_hand:

这是第一个版本,我的意思是这样的,但我被卡在了定义元素高度上。:confused: 覆盖层只会在可滚动代码块上显示。我尝试过使用 element.scrollHeight > n 等等……但它似乎总是得到的高度是 0。我必须找到另一种方法来定义代码块是否可滚动……

1 个赞

你好 :wave:

好久不见……我都忘了这个了。现在我做了一个可用的。:smile:

1 个赞