根据clientHeight值将用户移动到某个垂直位置

时间:2018-07-07 19:46:51

标签: javascript jquery html

简短版本:

假设我有一个文档,其正文为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),而我看不到是否缺少简单的转换。

0 个答案:

没有答案