如何修復頁面滾動

Question

我正在試圖控制頁面跳轉，當我點擊的標籤ID，我演示鏈接 http://jsfiddle.net/bala2024/x9ypj/

function showSection(sectionID) { 
    $('div.section').css('display', 'none'); 
    $('div'+sectionID).css('display', 'block'); 
} 
$(document).ready(function(){ 
    if (
     $('ul#verticalNav li a').length && 
     $('div.section').length 
    ) { 
     $('div.section').css('display', 'none'); 
     $('ul#verticalNav li a').each(function() { 
      $(this).click(function() { 
       showSection($(this).attr('href')); 
      }); 
     }); 
     $('ul#verticalNav li:first-child a').click(); 
    } 
}); 

Answer 1

防止錨標籤的默認行爲。檢查出更新的小提琴

$('#verticalNav a').click(function(){ 
    return false; 
}); 

http://jsfiddle.net/x9ypj/1/

Answer 2

首先，你可以替換

.css('display', 'block'); 

只有

.show(); 

而且，

.css('display', 'none'); 

與

.hide(); 

最後，爲了防止鏈接行爲，您需要更改此block.-

$('ul#verticalNav li a').each(function() { 
    $(this).click(function() { 
     showSection($(this).attr('href')); 
    }); 
}); 

爲this.-

$('ul#verticalNav li a') 
    .click(function(e) { 
     showSection($(this).attr('href')); 
     e.preventDefault(); 
    }); 

Answer 3

最好的辦法就是用這樣的：

$('#verticalNav a').click(function(e){ 
    e.preventDefault(); 
});