使用scrollTop的JQuery移动bug

时间:2016-04-13 14:37:10

标签: javascript jquery jquery-mobile scroll scrolltop

在以下链接中,我附上了我的源代码示例:

http://jsfiddle.net/xY7tx/2381/

当您按下键盘并且到达第10个项目时,我有一个包含34个项目的列表,它将成功scrollTop到第11个元素。但是当你继续按下并且当你达到第20项时,我的代码应该是scrollTop到第21项,但事实并非如此。

要重现该错误,请继续按下键盘并注意第20个--->第21项是不可取的(并且与第10项相比较 - >第11项项目变更是理想的。)

如果我犯了任何错误,我很抱歉,请在源代码中告诉我应该做出哪些更改,以便在更改第20到第21项时,它也会scrollTop。谢谢!

编辑:感谢ezanker。有了他的回答,我现在可以滚动到第21项,但是当我想滚动第31项时仍然存在问题,但它仍然无法使用当前代码。请继续按下键盘直到第31项,你会看到问题。

1 个答案:

答案 0 :(得分:2)

问题在于您正在设置

var container = $('div'),

但是如果你没有明确地提供div,jQuery Mobile会自动创建一个页面div以包裹你的代码。将其更改为

var container = $('#listAddr'),

更新了 FIDDLE