Chrome應用頁面滾動

使用<a>沒有鉻aps導航。它不允許使用＃section1在「頁面中」導航。如何解決它？Chrome應用頁面滾動

下面的代碼示例在瀏覽器中工作，當作爲Chrome應用程序發佈時，它不起作用。什麼是工作？

<div class="collapse navbar-collapse navbar-right navbar-main-collapse"> 
    <ul class="nav navbar-nav"> 
     <li><a class="page-scroll" href="#section1">section1</a></li> 
     <li><a class="page-scroll" href="#section2">section2</a></li> 
    </ul> 
</div>

來源

2014-10-08 Rohan Sharma

我完全清楚他在問什麼。衆所周知，Chrome Apps中沒有通過元素進行導航。我並不特別知道這適用於頁內鏈接，但我並不感到驚訝。解決方法是使用事件處理程序處理「鏈接」的點擊，然後根據需要使用JavaScript滾動頁面。頁面內的鏈接也是可以的，但問題在於沒有錨點（例如，''。由於這個問題，我似乎沒有辦法輸入這個答案。 – 2014-10-09 16:49:32

thanks @MarcRochkind我認爲我應該更具體一些，我認爲這是google-chrome-app社區中的一個常見問題，簡潔有助於節省時間，現在我不知道如何解決這個問題。 – 2014-10-10 04:19:31

我已刪除downvote並投了一個重新打開的投票，在我的辯護中，原始配方看起來不完整：問題描述爲「不起作用」，只顯示鏈接部分，但未顯示錨點等。 – Xan 2014-10-10 07:14:49

Chrome應用程序不支持使用（或任何其他位置設置功能）進行鏈接。您創建（）任何文件的chrome.app.window是您堅持使用的文件，如果您想模擬導航...您需要使用DOM操作。

對於您的特定用例，這意味着要滾動到ID爲「section1」的某個元素，您可以添加一個執行document.querySelector（'＃section1'）。scrollIntoView（）的點擊偵聽器。

這或多或少是第一條評論所說的。

來源

2014-10-23 18:18:39 kalman

Chrome應用頁面滾動

回答

相關問題