Question

我正在使用jQuery来计算当前滚动的页面数量，并在每次滚动页面时将该值写入输入。

var scrollAmount = $(window).scrollTop();
var documentHeight = $(document).height();
var scrollPercent = (scrollAmount / documentHeight) * 100;

$(window).scroll(function (event) {
 $(".box").val(scrollPercent);
});

小提琴：http://jsfiddle.net/x3jXK/

然而，当我尝试这个时，输入总是显示为零。

我记得读过一些关于使用.attr()而不是.val()的内容，因为显示的值不会改变，但不确定我是如何实现的，因为它会动态变化，而不仅仅是从一个变为一个第二

Answer 1

你的变量应该在你的函数中，所以它们可以在每个卷轴上计算。

$(window).scroll(function(event) {
    var scrollAmount = $(window).scrollTop();
    var documentHeight = $(document).height();
    var scrollPercent = (scrollAmount / documentHeight) * 100;

    $(".knob").val(scrollPercent);
});

在此测试：http://jsfiddle.net/RASG/x3jXK/1/

使用jQuery中的页面滚动百分比更改输入值

1 个答案: