在网页开发中，获取网页的滚动高度是一个基础而又实用的技能。它可以帮助我们实现各种动态效果，比如滚动进度条、监听滚动事件等。下面，我将详细介绍五种在JavaScript中获取网页滚动高度的方法。
方法一：使用window.scrollY属性
这是最简单直接的方法。window.scrollY属性返回当前窗口的垂直滚动位置，即从顶部开始向下滚动的像素数。
var scrollHeight = window.scrollY;
console.log('当前滚动高度：' + scrollHeight + 'px');
方法二：使用document.documentElement.scrollTop属性
对于某些浏览器（如IE），window.scrollY可能不可用。这时，我们可以使用document.documentElement.scrollTop来获取相同的值。
var scrollHeight = document.documentElement.scrollTop;
console.log('当前滚动高度：' + scrollHeight + 'px');
方法三：使用document.body.scrollTop属性
与document.documentElement.scrollTop类似，document.body.scrollTop也可以用来获取滚动高度，但它只适用于<body>元素。
var scrollHeight = document.body.scrollTop;
console.log('当前滚动高度：' + scrollHeight + 'px');
方法四：使用window.pageYOffset属性
window.pageYOffset是window.scrollY的另一种表现形式，它同样可以用来获取滚动高度。
var scrollHeight = window.pageYOffset;
console.log('当前滚动高度：' + scrollHeight + 'px');
方法五：使用window.scroll()方法
window.scroll()方法不仅可以设置滚动位置，还可以返回当前的滚动位置。通过传递两个参数（水平和垂直滚动位置），我们可以获取滚动高度。
var scrollHeight = window.scroll(0, 0);
console.log('当前滚动高度：' + scrollHeight[1] + 'px');
总结
以上五种方法都可以用来获取网页的滚动高度。在实际应用中，你可以根据需要选择最适合你的方法。需要注意的是，不同浏览器可能对滚动高度的获取方式有所不同，因此在编写跨浏览器代码时，最好使用多种方法以确保兼容性。