页面跳转到顶部菜单点击

我正在创建一个网站，在左侧有一个固定的菜单，菜单是可见的点击使用jQuery。我的问题是，当我滚动到页面底部时，我想将菜单放入视图中，页面跳回顶部。我希望页面在点击菜单时保持其当前位置。我怎样才能做到这一点？页面跳转到顶部菜单点击

这是jQuery的多数民众赞成动画菜单和退出：

$(document).ready(function(){ 
    $("#closeIcon").hide() 
    }); 

$(document).ready(function(){ 
    $("#menuIcon").click(function(){ 
    $(".left").animate({width:'10%'}, "500"); 
    $(".right").animate({width:'90%'}, "500"); 
    $("#nav").animate({ 
       left: '30%', 
       }, "500"); 
    $("#menuIcon").fadeOut(500) 
    $("#closeIcon").fadeIn(500) 


    }); 
}); 

$(document).ready(function(){ 
    $("#closeIcon").click(function(){ 
    $(".left").animate({width:'0%'}, "500"); 
    $(".right").animate({width:'100%'}, "500"); 
    $("#nav").animate({ 
       left: '0', 
      }, "500"); 
    $("#menuIcon").fadeIn(500) 
    $("#closeIcon").fadeOut(500) 

    }); 
});

菜单本身定位页面外，点击它滑入和主要页面调整大小。

来源

2013-09-23 fred

3x document.ready？ –

是“#closeIcon”的链接吗？如果是这样，那么您在click事件中缺少e.preventDefault（）。 –

这听起来非常像锚标签问题。没有看到HTML我会打赌：

您的标记（“#closeIcon”）需要设置javascript：void（0）点击停止重新调整页面位置。介意发布html？

来源

2013-09-23 21:47:59

是没问题我会以答案的形式发布html，但如果我的答案是设置void（0），我将如何做到这一点？哪里适合我已经写的javascript/jquery？ – fred

居然无效（0）已解决问题谢谢！ – fred

@ user1324925太棒了，很高兴你能弄明白。 –

这是图标按钮的HTML，打开和关闭菜单：

<div id="menu"> 
     <a href="#"><img id="menuIcon" src="images/menuIcon.png"></a> 
     <a href="#"><img id="closeIcon" src="images/closeIcon.png"></a> 
    </div>

这是上单击打开的菜单中的HTML：

<div class="left"> 
    <div id="nav">      
     <div id="accordion"> 
       <!-- accordion menu goes here -->   
    </div> <!--ends accordion-->  
</div>

来源

2013-09-24 01:15:11 fred

另一个正确的工作决定;

<...> 
$("#menuIcon").click(function(){ 
    <...> 
    return false; 
});  

$("#closeIcon").click(function(){ 
    <...> 
    return false; 
});

来源

2013-09-24 06:41:36 Oshibka404

将javascript函数定义为显示/隐藏菜单的锚定标记应具有属性href="javascript:void(0)"。

来源

2017-01-18 06:22:11

页面跳转到顶部菜单点击

回答

相关问题