你可以發現滾動的問題，以錨定在我的開發網站？

這是我工作的一個Twitter的引導頁面：你可以發現滾動的問題，以錨定在我的開發網站？

http://www.clearsoftinc.com/Clearsoft/public_html/services.html

左側導航欄是使用JavaScript時選擇的項目滾動到錨。例如，選擇「軟件工程」，然後在左側導航欄中選擇「Agile Development」。瞭解內容區域的「敏捷開發」部分現在如何與左側導航欄的頂部很好地對齊。

問題是，如果您嘗試使用URL轉到內容的相同部分，則內容與左側導航欄不能正確對齊。所以去這裏：http://www.clearsoftinc.com/Clearsoft/public_html/services.html#softeng-agiledevelopment

...並注意，內容區域不正確排隊左導航。

你能幫我找到解決辦法嗎？

來源

2013-12-12 vt97john

如果你看看它，你會發現不同的是頁面上的滾動加載並沒有考慮到頁眉的高度。

您可能想要延遲「滾動到元素」邏輯（如果在javaScript中）等待一段時間，直到頁面完成呈現。或者在這種情況下，在文檔準備就緒後再次「碰撞」該邏輯。

來源

2013-12-12 22:16:54

由於這個javascript是從jQuery的.ready（）塊中調用的，這是不是已經在按照你的建議去做了？謝謝。 – vt97john

如果沒有花時間來真正窺探你的代碼，那真的不確定，那只是與標題有很大關係的「症狀」。鑑於它是twitter bootstrap，它使用該頭部導航欄做了很多事情（根據寬度進行更改，添加collapsy magic等）。可能是twitter使用該頭部的其他內容正在影響/正在發生在你的東西之前或之後。您可能可以使用CSS進行更改，以便定義並固定標題高度，這應該有助於實現這一點。 –

原來爲了讓一些引導魔法在滾動之前發生，在一些bootstrap scrollspy實現中有一個setTimeout（function（），100）必須改爲（function（），300）。

來源

2013-12-13 21:20:49 vt97john

你可以發現滾動的問題，以錨定在我的開發網站？

回答

相關問題