使用jQuery中的页面滚动百分比更改输入值
使用jQuery中的页面滚动百分比更改输入值
提问于 2012-10-16 20:58:16
我使用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()的文章，因为显示的值不会改变，但不确定我如何在这里实现它，因为它是动态变化的，而不仅仅是从一到一秒。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-16 21:00:54
你的变量应该在你的函数中，这样它们就可以在每个滚动上计算出来。
$(window).scroll(function(event) {
var scrollAmount = $(window).scrollTop();
var documentHeight = $(document).height();
var scrollPercent = (scrollAmount / documentHeight) * 100;
$(".knob").val(scrollPercent);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12923300
复制
相似问题
通过滚动页面更改jquery偏移值
HTML5/jQuery -页面滚动到输入值
jquery更改页面加载后创建的输入值
使用jQuery动态更改输入值
使用jQuery更改输入控件值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
