简短版本:
假设我有一个文档,其正文为1000px。从1-850 px高是网站及其所有内容,其下所有内容(低于850像素)只是用户不需要查看的空白区域。
我知道scrollTop(),但这使用了滚动条本身的像素数。因此,有没有可以使用的功能,我可以将用户位置垂直滚动/移动到850(clientHeight)而不是使用滚动条(scrolltop)。
长版:
因此,当我访问的网站到达“底部”时,用户无缝跳转到页面顶部,反之亦然;当用户向上滚动时,会将其移动到页面底部的镜像部分页。该网站的底部实质上是该网站的顶部的克隆。因此,基本上我想做的就是用户到达该底部镜像部分
var viewHeight = window.innerHeight;
var heightOfClone = document.getElementById('clonedContainer').clientHeight;
var difference = heightOfClone - viewHeight;
var docHeight = document.body.offsetHeight;
var updatedDocHeight = docHeight - difference;
因此,变量updatedDocHeight将存储用户可以滚动到的最大值。但是可悲的是,您不能只是转到scrolltop(updatedDocHeight),而我看不到是否缺少简单的转换。