javascript - 制作 div 滚动会导致它抖动

标签 javascript jquery html css scroll

我试图解决的问题可以在这里看到: http://jsfiddle.net/AAyLj/14/

基本上,当我滚动 papa div 时,boy div 应该向上/向下移动。这工作正常,但男孩 div 上有一点抖动。这是因为(我认为)js 的处理速度不够快。在功能强大的 Mac 上,这不会发生 - 但它会发生在 PC 上。

有没有办法用 js 或 css 来克服这种抖动?谢谢。

更新:

我不能使用固定位置,因为页面上还有其他元素(未在 jsfiddle 中显示),如果我将男孩 div 保留为位置:固定,这些元素会扭曲外观。

最佳答案

正如 karthikr 所说,您可能应该使用 CSS position: fixed。如果这不是您想要的,您可以使用 animate 函数。它给了它一个很好的小延迟。

参见 jsFiddle明白我的意思。

关于javascript - 制作 div 滚动会导致它抖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12290302/

相关文章:

javascript - jQuery 重新填充选项列表中的所选项目

javascript - kendo ui堆叠条形图数据源未按顺序分组

jquery - 不需要 DataContract 和 DataMember

javascript - 使用 javascript 将文本附加到文本超链接

javascript - 为缩略图 slider 添加淡入淡出效果或预加载 li 元素

javascript - 使用requireJS优化器时,buildlayered javascript有什么优势?

javascript - 如何在 Node.js 中将变量从 ejs 获取到 app.js?

javascript - 使用 cookie 来存储和获取一个整数

javascript - 使用 JQuery 从生成的表中检测单击表行

javascript - nivo slider 图像调整大小问题