Javascript 如何获得垂直滚动页面的长度并将其添加到某个内容中？

我有一个半可见（使用最大高度）div，其中包含一些文本，我想将滚动页面的长度添加到最大高度。我曾经

var topScroll = window.pageYOffset || document.documentElement.scrollTop;

但是它返回了

60

而不是

60px

或者

50

而不是

50px

，这使得我的最大高度

60xxx px

50xxx px

我的JavaScript代码：

var topScroll  = window.pageYOffset || document.documentElement.scrollTop;
topScroll = parseInt(topScroll);
$('#' + topScroll ).append("px");
console.log(""+topScroll);

var elem = document.getElementById("content");
var articleHeight = window.getComputedStyle(elem, null).getPropertyValue("max-height");

$(window).scroll(function (){
    var x  = topScroll + articleHeight ;
    $('.article-on').css('max-height',x);
    console.log(""+x);
});

---

var topScroll=window.pageYOffset | | document.documentElement.scrollTop

永远不会返回

50px

或

60px

，但正如您所写，它会返回

60

和

50

，这是没有

px

结尾的像素数。如果要将此数字分配给CSS属性，只需将

px

结尾附加到给定的数字，如：

x=x+“px”

。标记所建议的是正确的。您可以附加“px”。但是我相信

topScroll

应该在

scroll

功能中更新。我已经包括了我的附加代码，对吗@MarkFrankliWell，运行代码，看看会发生什么。因为我只能看到您的JavaScript代码，所以我无法决定是否正确。首先，您应该包括文件的其他部分，如CSS和HTML。