JQuery - 当一个事件被调用时，页面应该移动

我有一个关于html的页面。当我点击一个提交按钮时，我会调用一个Javascript函数。我需要（例如）在页面的顶部（或在另一个指定的地方，比如我有一些div的中间）。我认为有一种方法可以做到这一点。怎么叫？由于JQuery - 当一个事件被调用时，页面应该移动

CODE：

<form onSubmit="return checkTL();" method='POST' action='./index.php?status=add' name='addtl' > 
    somethings... 
    <input type="submit" name="mgmttlt" value="Add Tracklist" /> 
</form> 

function checkTL() { 
    value=$('#inputa').val().replace(/[\\\s]+/g, ''); 
    if(value=="") { 
     $('#printe').removeClass().addClass('error').html("Please insert a valid Artist"); 

     var pos = $('.target').offset().top; 
     $('html,body').animate({scrollTop: pos },1000);    

     return false; 
    } 

    return false; 
}

为例，我在函数返回始终为假。但是，如果我添加scrollTop函数，在某些模式下它将返回true，并继续执行此功能。为什么？

来源

2010-09-20 markzzz

这是可以做到的了插件

参见：.scrollTop()

例子：

$(function() { 
    $('.button').click(function() { 
    var pos = $('.target').offset().top; 
    $('html,body').animate({scrollTop: pos },1000) 
    }); 
});

你可以在这里进行测试http://jsbin.com/ixabe3

来源

2010-09-20 17:06:58

@Avinash是的，它可以这样做。将这部分代码提取到可重用代码使其成为一个强大的插件。 – 2010-09-20 17:58:09

uhm。我不知道为什么，但它不工作:(我张贴上面的代码检查它在 – markzzz 2010-10-04 16:41:57

在主要主题！ – markzzz 2010-10-04 16:45:30

使用jQuery的ScrollTo插件。 Example。

来源

2010-09-20 16:49:42

我第二本。我将它与jQuery的accodion组件一起使用，这样当用户单击一个手风琴标题时，页面会滚动，以便页眉位于页面的顶部。 – Dutchie432 2010-09-20 17:13:02

回答

相关问题