Jquery 动画 DIV答案

【问题标题】：Jquery Animate DIVJquery 动画 DIV
【发布时间】：2010-11-24 04:53:28
【问题描述】：

嗨我正在使用 Jquery animate 函数为 div 内容设置动画我试图将 div 移动到 -top，问题是无法停止函数它移动到 exteme top=-10px 我想将它移动到滚动它应该移动到 -10px 的间隔在下一个间隔中的现有高度，它应该在滚动移动时进一步移动到 -10px

【问题讨论】：

$("#mvup").animate({"top": "-=10px"}, "slow");它移动到极端顶部-10px，但我想移动现有高度的顶部-10px

标签： jquery

【解决方案1】：

问题是您只执行一次代码，一旦您需要在特定时间间隔后重复执行该代码，它就会移动到 -10px。你可以这样做：

$(函数(){ 设置间隔（移动，100）； });

函数移动（）{ $("#mvup").animate({"top": "-=10px"}, "slow"); }

我想这可能对你有帮助

【讨论】：

【解决方案2】：

我想你是想随着浏览器窗口滚动一些东西？

这可以给你一个开始（我希望这有效）：

$(document).scroll(function()
{
  $('yourBox').animate({top: $(document).scrollTop() - 10});
});

所以我猜那是你的原始代码。

window.onload = function()
{
  var frm = document.getElementById("from").contentWindow;
  frm.onscroll = function(){
    $("#mvup").animate({"top": "-=10px"}, "slow");
  }
}

几点建议：

jQuery 有一个$(document).ready() 函数，它取代了window.onload = ... 变量。它更灵活、更易于使用并且看起来更酷。
jQuery 也有一个$('#mvup').scroll() 方法，所以我会取消你的frm.onscroll = ... 代码。

祝你好运！

【讨论】：

window.onload = function() { var frm = document.getElementById("from").contentWindow; frm.onscroll = function(){ $("#mvup").animate({"top": "-=10px"}, "slow"); } } 这里 mvup div 内容有 top:350px 样式属性我想为每个滚动事件将它移动到顶部 340px
我会把它添加到你的问题中，但我会看看我能做什么。