Twitter Bootstrap模板頁面跳轉跳過div的起始位置

我正在使用此Twitter Bootstrap模板創建一個頁面響應站點。它工作得很好，除了我發現HTML頁跳轉不能正確工作。Twitter Bootstrap模板頁面跳轉跳過div的起始位置

對於About，Services，Contact頁面跳轉導航我發現他們都滾過他們應該跳轉到的div的開始。

這發生在最新版本的Chrome和Firefox上。我正在使用Bootstrap 3.

我似乎無法找到任何Bootstrap頁面跳轉的文檔。

他們爲什麼似乎跳過了<div>？

來源

2013-11-23 crmpicco

你能否添加一些示例代碼？也許你的問題與https://github.com/twbs/bootstrap/issues/10670有關。 –

@BassJobsen我對Bootstrap不太熟悉 - 這是我第一次使用它。所以我實際上並不知道什麼代碼導致了這個問題，儘管我認爲它在'bootstrap.js'中。你能看到我提供的模板示例中的問題嗎？ – crmpicco

您的問題與上面的錯誤報告中提到的不一樣。

您在身體元素上設置了50像素的填充頂部以補償固定的導航欄。滾動到div時，此填充沒有效果，因此您的內容將被導航欄隱藏。

您可以添加一些額外的JavaScript設定在DIV填充，頂部滾動到：

$('.navbar-ex1-collapse a').click(function() 
{ 
    $('.featurette').css('padding-top','0'); 
    var link = $(this).attr('href'); 
    $(link).css('padding-top','50px'); 
});

在HTML中添加額外的空間，也將是一個解決方案。

來源

2013-11-23 18:41:24

Twitter Bootstrap模板頁面跳轉跳過div的起始位置

回答

相關問題