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

发布于 2024-09-24 08:15:09 字数 785 浏览 3 评论 0原文

我有一个 html 页面。当我点击提交按钮时，我调用一个 Javascript 函数。我需要（例如）转到页面顶部（或另一个指定的位置，比如中间有一些 div 的地方）。我认为有一个方法可以做到这一点。怎么称呼？谢谢

代码：

<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;
}

例如，我在函数中始终返回 false。但是如果我添加scrollTop函数，在某种模式下它会返回true并且函数继续。为什么？

原文

I've a page on html. When i click on a submit button i call a Javascript function. I need (for example) go at the top of the page (or on another specified place, like in the middle where i have some div). I think there's a method for do it. How is called? Thanks

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;
}

as example, i return always false in the function. But if i add the scrollTop function, in some mode it return true and the function go on. Why?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

走过海棠暮 2024-10-01 08:15:09

使用 jQuery 的 ScrollTo 插件。示例。

回复收藏 0 原文

蓝戈者 2024-10-01 08:15:09

这可以在没有插件的情况下完成

参考：.scrollTop()

示例：

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

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

This can be done with out a plugin

Refer :.scrollTop()

Example :

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

You can test it here http://jsbin.com/ixabe3

回复收藏 0 原文

~没有更多了~