在移动端如何正确获取scrollHeight - 问答

在移动端正确获取scrollHeight的方法与在桌面端类似。scrollHeight 属性表示元素的内容高度（以像素为单位），包括因滚动而不可见的部分。要获取一个元素的 scrollHeight，你可以使用 JavaScript 的以下方法：

首先，确保元素已经渲染完成。你可以将获取 scrollHeight 的代码放在 window.onload 事件处理函数中，或者在 DOMContentLoaded 事件处理函数中。

window.onload = function() {
  const element = document.getElementById("yourElementId");
  const scrollHeight = element.scrollHeight;
  console.log("Scroll height:", scrollHeight);
};

或者使用 DOMContentLoaded 事件：

document.addEventListener("DOMContentLoaded", function() {
  const element = document.getElementById("yourElementId");
  const scrollHeight = element.scrollHeight;
  console.log("Scroll height:", scrollHeight);
});

使用 getElementById 或其他 DOM 选择器获取目标元素。
使用 scrollHeight 属性获取元素的滚动高度。

请注意，由于移动端设备的特性，某些情况下可能需要考虑性能优化。例如，如果你需要频繁地获取 scrollHeight，可以考虑使用节流（throttle）或防抖（debounce）技术来减少事件处理函数的执行次数。

0 赞

0 踩