相对于可滚动页面上的垂直位置移动div

Question

想象一下，我有一个网站的视口高度溢出了三倍。 我可以从上至下滚动浏览该网站。

是否可以创建相对于已滚动的总页面数量从视口顶部移至底部的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);
        });
    });

Answer 1

您可以尝试使用jQuery scrollTop() 。 请参阅jquery.com上的演示 。

想法：如果您了解此功能的两种使用方式（有/无args），则可以使用同一功能来获取自定义滚动条的当前滚动位置，然后触发div滚动到相对滚动位置。

替代任务：如果要在鼠标滚轮移动时滚动自定义滚动条，建议使用jquery鼠标滚轮插件 -

$(window).mousewheel(function(turn, delta) {

  if (delta == 1) // going down
  else //going up

  // all kinds of code

  return false;
});