頁面跳轉到頂部菜單點擊

我正在創建一個網站，在左側有一個固定的菜單，菜單是可見的點擊使用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

頁面跳轉到頂部菜單點擊

回答

相關問題