Question

我找到了一些脚本，可以从背面边缘滑动div loginform，并在loginshow和loginhide的不同点击后退出。还有一些脚本可以让topbar（包含＆＃39;显示＆＃39;按钮）和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。

Answer 1

您是否尝试过使用jQuery preventDefault()？

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

JQuery动画使页面跳转到顶部

1 个答案: