在 HTML 文件中滾動而不使用滾動條

Question

我有一個帶有 javascript 的 HTML 文件，它添加了滑鼠滾輪縮放功能（而不是滾動）。

不顯示滾動條，並且只能透過滑鼠拖放來上下左右移動。

PageUp並且PageDown也不工作。

嘗試螢幕截圖會使區域的螢幕截圖僅在瀏覽器視窗中可見 - 而不是整個頁面內容。

我的q問題是：這怎麼可能，

• 至少，向下滾動PageDown（以進行連續的屏幕截圖），
• 或者，在最好的情況下，將整個頁面（而不僅僅是瀏覽器中可見的區域）儲存為圖像/pdf。

Answer 1

抱歉，但據我所知，沒有簡單的方法可以做到這一點。除非您足夠熟練，可以在瀏覽器中使用開發人員工具（F12）。

以Google瀏覽器為例：

1. 右鍵單擊要拍照的區域
2. 選擇“檢查”

3. 在右側的「樣式」窗格中，您可以嘗試新增以下 CSS 樣式，這應該可以讓您捲動頁面：

   • 溢出
   • 寬度
   • 高度

請參閱此 DevTools 螢幕截圖

例如：

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

如果需要，您可能需要稍微調整一下數值和/或其他 CSS 樣式。由於您沒有提供相關頁面的確切 URL，因此我在這裡僅給出一個通用答案。