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应用页面滚动

回答

相关问题