JavaScript >> Javascript 文檔 >  >> Tags >> document

使用 JavaScript 獲取和設置文檔的滾動位置

要獲取文檔的滾動位置,可以使用 pageXOffset , pageYOffset window 的屬性 對像或 scrollLeftscrollTop documentElement 的屬性 對象。

這是一個例子:

const x = window.pageXOffset || document.documentElement.scrollLeft;
const y = scrollTop = window.pageYOffset || document.documentElement.scrollTop;

要重置文檔的滾動位置,只需更新 documentElementbodyscrollLeftscrollTop 屬性:

document.documentElement.scrollTop = document.body.scrollTop = 250;
document.documentElement.scrollLeft = document.body.scrollLeft = 300;

下一篇
No
Tutorial JavaScript 教程
  1. 向視頻元素添加文本或圖像疊加

  2. 通過玩這個遊戲來提高你的 JavaScript 技能 - WarriorJs

  3. 上下文、狀態和重新渲染

  4. 2021 年全棧開發者路線圖

  5. 獲取選定的文本位置並在其旁邊放置一個元素

  6. PWA 之路 - 第 1 部分

  7. 如何終止 JavaScript 中的腳本?

  1. Number isinteger JavaScript 方法 |檢查 var/value 是否為整數

  2. 顯示不同的圖像 onClick 事件 (JavaScript)

  3. 使用 Dialogflow 和 React Native 構建聊天機器人

  4. 等待瀏覽器在 React 中渲染元素

  5. 編碼音樂

  6. 我如何使用 NextJS、Typescript 和 Chakra UI 構建我的作品集

  7. 給新開發者的建議

  1. 從 create-react-app 遷移到 Gatsby.js

  2. 了解全局執行上下文和執行上下文堆棧

  3. Show Dev:RaspberryPi Weather ⛈ 由 Netlify 函數和 Preact 推動

  4. JavaScript 常量函數 |示例代碼