想象一下,我有一个网站溢出了视口高度的三倍。我可以在这个网站上从上到下滚动。
是否可以创建一个相对于已滚动的总页面量从视口顶部移动到底部的div?
示例 - 有人介意帮助我实现这样的事情吗?不知道它是怎么做到的。
编辑:
var scrollValue;
var percent;
var body = document.body,
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight,
html.clientHeight, html.scrollHeight, html.offsetHeight );
$(document).ready(function(){
$("button").click(function(){
scrollValue = $("body").scrollTop();
percent = (scrollValue / height) * 100;
alert(percent);
});
});
你可以尝试使用jQueryscrollTop()
。请参阅 jquery.com 的演示。
想法:如果您了解此函数的两种使用类型(带/不带 args),则可以使用相同的函数来获取自定义滚动条的当前滚动位置,然后触发您的div 滚动到相对滚动位置。
备用任务:如果你想在鼠标滚轮移动时滚动自定义滚动条,我建议使用 jquery 鼠标滚轮插件-
$(window).mousewheel(function(turn, delta) {
if (delta == 1) // going down
else //going up
// all kinds of code
return false;
});