Javascript JQuery动画使页面跳转到顶部

我找到了一些脚本，可以使div

loginform

从后面的边缘滑入，然后在不同的点击下，将

loginshow

和

loginhide

退出。还有一点脚本，使

顶栏

（包含“显示”按钮）和

loginform

在向下滚动页面时向下滚动

我的目的是从任何地方隐藏和显示

loginform

，这样您就不必滚动到页面顶部即可访问该div上的字段/元素

但是，每当我单击

loginshow

或

loginhide

，页面就会在

loginform

动画运行时跳回顶部

这是剧本

var main = function() {
$('#loginshow').click(function(){
    $('#topbar').animate({
        left: '245px'
    }, 200);
    $('#loginform').delay(100).animate({
        left: '0px'
    }, 200);    
    $('#loginhide').delay(200).animate({
        left: '0px'
    }, 100);
});
$('#loginhide').click(function(){
    $('#loginhide').animate({
        left: '-80px'
    }, 200)
    $('#loginform').delay(200).animate({
        left: '-240px'
    }, 200)
    $('#topbar').delay(300).animate({
        left: '5px'
    }, 200);
})
$(window).on('scroll', function () {
    var scrollPos = $(document).scrollTop();
    $('#loginform').css({
        top: scrollPos
    });
    $('#topbar').css({
        top: scrollPos
    });
}).scroll();
};
$(document).ready(main);

如何停止

loginshow

和

loginhide

函数使页面跳回？

---

感谢您的帮助，我昨天才刚开始使用javascript。

您尝试过使用jQuery吗

---

如果单击“提交”按钮或链接，则需要使用preventDefault（）停止重新加载页面。您可以创建一个脚本和HTML吗？这些元素在页面中的位置是什么？是的，非常适合。非常感谢。不，我还是把它作为副本关闭了：）@mplungjan-okey这就足够了。非常感谢。

    $('#loginshow').click(function(event){
        event.preventDefault();
// Your code here
    });