Question

我无法一直滚动到结束。以下代码在页面结尾附近停止工作。

我使用以下方法以编程方式滚动

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   Num1: <input type="text" id="number1" />
   Num2: <input type="text" id="number2" />
   <div id="output"></div>
   <button id="add" onclick="add()">Add</button>
</body>
</script>
</html>

信息：

与我的案件有关的一些宽度信息，

console.log(k);

注意：我使用过document.getElementById("id") CSS，并将垂直页面变成了水平页面。这就是为什么我的// 1 still see scrolling left window.scrollTo(x,y) > window.scrollTo(window.scrollWidth,0) window.scrollBy(x,y) > // 2 scrollingElement.scrollLeft = scrollingElement.scrollWidth - document.documentElement.clientWidth;更大。

如果我仍然使用下面的（完整滚动）功能，则仍然有一些向左滚动，我可以使用鼠标滚动该部分，

window.scrollWidth > 6180
scrollingElement.scrollWidth > 6183
document.documentElement.clientWidth > 412

我的想法已经用完了，因此需要你们的帮助来找出问题所在。

浏览器详细信息：

我正在Android设备上使用抖动webkitColumnGap。

编辑：

经过大量的反复试验后，css解决了该问题，我为什么不解决此问题？

scrollWidth

谢谢。

Answer 1

您想滚动到底部吗？试试这个：

var height = document.body.scrollHeight
window.scroll(0, height)

希望我能正确理解您的问题

Answer 2

经过大量的反复试验后，css解决了该问题，我为什么不解决此问题？

body {
    overflow: hidden !important;
}

这意味着您的某些子元素从其父容器中流出。 overflow: hidden告诉浏览器切出不适合在主体容器内的零件。这也意味着，可以通过更改儿童身体的大小或位置来解决此问题，这可能是解决此问题的更好方法。

默认情况下，overflow设置为visible，因此浏览器允许您在包含框(overflow property explained)之外查看（并滚动）

!important部分告诉浏览器人为地增加此规则的特异性。有关特异性的更多详细信息：css-tricks/sprecificity

无法使用window.scrollTo滚动到页面末尾

2 个答案: