在 HTML 文件中滚动而不显示滚动条

在 HTML 文件中滚动而不显示滚动条

我有一个带有 javascript 的 HTML 文件,它增加了鼠标滚轮缩放功能(而不是滚动)。

不显示滚动条,只能通过鼠标拖放才能上下左右移动。

PageUpPageDown不起作用。

尝试截屏会使截屏区域仅在浏览器窗口中可见 - 而不是整个页面内容。

我的问题是:这怎么可能呢,

  • 至少,向下滚动PageDown(进行连续截图),
  • 或者,在最好的情况下,将整个页面(而不仅仅是浏览器中可见的区域)保存为图像/pdf。

答案1

抱歉,但据我所知,没有简单的方法可以做到这一点。除非您足够熟练地使用浏览器中的开发人员工具(F12)。

例如在 Google Chrome 中:

  1. 右键单击要拍照的区域
  2. 选择“检查”
  3. 在右侧的样式窗格中,您可以尝试添加以下 CSS 样式,这将使您能够滚动页面:

    • 溢出
    • 宽度
    • 高度

参见此 DevTools 截图

例如:

element.style {
    overflow: visible;
    width: 2000px;
    height: 2000px;
}

您可能需要对值和/或其他 CSS 样式进行一些调整(如有必要)。由于您没有提供相关页面的确切 URL,因此我在此仅给出一般性答案。

相关内容