js 使h5页面滚动到底部

您可以使用以下代码将H5页面滚动到底部：

window.scrollTo(0, document.body.scrollHeight);

这将使页面滚动到文档的底部。如果您只想滚动到某个元素的底部，可以将 `document.body.scrollHeight` 替换为该元素的底部偏移量。

相关问题

js实现h5页面滑动到最底部触发内容加载

实现h5页面滑动到最底部触发内容加载，可以采用JavaScript监听窗口的滚动事件，当滚动条的滚动高度达到一定的值时，就可以进行内容的加载。

首先，获取页面中需要动态加载的内容的位置。可以通过document对象的getElementById或querySelector方法获取相关元素的位置信息。获取到元素位置后，可以计算出窗口的滚动高度与元素底部距离，并设置一个阈值，当滚动高度超过阈值时，即滑动到最底部，触发内容加载的操作。

使用JavaScript实现滑动事件的监听，只需监听window对象的onscroll事件，然后在事件处理函数中获取当前滚动高度，计算出到元素底部的距离。在到达阈值后，可以调用Ajax等技术加载内容。当新内容加载完毕后，更新页面显示，并将页面滚动的位置回到之前的位置，以便用户可以继续查看之前的内容。

需要注意的是，在进行内容加载时应增加一些交互效果，例如页面中Loading图标等，以便提示用户内容正在加载中，提高用户体验。

滚动h5页面，底部元素显示与隐藏

你可以使用JavaScript来实现滚动页面时底部元素的显示与隐藏。具体实现步骤如下：

1. 监听滚动事件，可以使用`window.onscroll`来监听整个页面的滚动，或者监听某个具体元素的滚动事件。

2. 获取页面滚动的距离，可以使用`document.documentElement.scrollTop`或`document.body.scrollTop`来获取当前页面滚动的距离。

3. 获取底部元素，可以使用`document.querySelector`或`document.getElementById`等方法来获取底部元素。

4. 判断页面滚动的距离是否超过了一定的阈值，如果超过了，则隐藏底部元素；否则显示底部元素。你可以根据具体情况设置阈值的大小。

下面是一个简单的示例代码：

window.onscroll = function() {
  var scrollDistance = document.documentElement.scrollTop || document.body.scrollTop;
  var footer = document.getElementById("footer");
  if (scrollDistance > 200) {
    footer.style.display = "none";
  } else {
    footer.style.display = "block";
  }
}

在这个示例中，当页面滚动距离超过了200像素时，底部元素会被隐藏。你可以根据自己的需求来调整阈值的大小。