Jquery Animate DIV

时间:2010-11-24 04:53:28

标签: jquery

您好 我正在使用Jquery动画函数动画div内容我试图将div移动到-top,问题是无法停止函数它移动到exteme顶部= -10px我想将它移动到正在滚动的间隔它应该移动到-10px在下一个区间的现有高度再次,它应该在滚动的移动

进一步移动到-10px

2 个答案:

答案 0 :(得分:1)

我认为你试图在浏览器窗口中滚动一些东西,我猜想?

这可以给你一个开始(我希望这有效):

$(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 = ...代码。
祝你好运!

答案 1 :(得分:1)

问题是您正在执行一次代码,一旦您需要在特定时间间隔后重复执行该代码,它将移至-10px。你可以这样做:

$(函数(){    的setInterval(移动,100); });

function move(){ $(“#mvup”)。animate({“top”:“ - = 10px”},“slow”); }

我认为这可能会对你有所帮助