Question

我正在使用http://kirkas.ch/ascensor中名为Ascensor的插件它基本上是一个帮助我构建单个页面应用程序的工具。

但是，我有一个问题，我不知道如何解决。

我的所有内容都将在我的<div id="ascensorBuilding">

中进行

<div id="ascensorBuilding">
        <div class="floor floor-1">
            <span class="text">Floor 1</span>
        </div>
        <div class="floor floor-2">
            <span class="text">Floor 2</span>
        </div>
        <div class="floor floor-3">
            <span class="text">Floor 3</span>
        </div>
        <div class="floor floor-4">
            <span class="text">Floor 4</span>
        </div>
        <div class="floor floor-5">
            <span class="text">Floor 5</span>
        </div>
        <div class="floor floor-6">
            <span class="text">Floor 6</span>
        </div>
        <div class="floor floor-7">
            <span class="text">Floor 7</span>
        </div>
</div>

我的楼层链接：

<nav>
    <ul class="links-to-floor">
        <li><a>Floor 1</a></li>
        <li><a>Floor 2</a></li>
        <li><a>Floor 3</a></li>
        <li><a>Floor 4</a></li>
        <li><a>Floor 5</a></li>
        <li><a>Floor 6</a></li>
        <li><a>Floor 7</a></li>
    </ul>
</nav>

然后我使用此脚本在“页面”之间进行更改

var ascensor = $('#ascensorBuilding').ascensor({ascensorFloorName:["Home", "About", "HTML" , "Jquery" , "CSS", "Smartphone", "End"], direction: [[0,0],[0,1],[0,2],[1,0],[1,1],[1,2],[2,0]]});
        var ascensorInstance = $('#ascensorBuilding').data('ascensor');

        $(".links-to-floor li").click(function(event, index) {
            ascensorInstance.scrollToFloor($(this).index());
        });

        $(".links-to-floor li:eq("+ ascensor.data("current-floor") +")").addClass("selected");

        ascensor.on("scrollStart", function(event, floor){
            $(".links-to-floor li").removeClass("selected");
            $(".links-to-floor li:eq("+floor.to+")").addClass("selected");
});

正如您所看到的，我在我的网址中添加了一个floorname。所以我将从www.mysite.com/index.html#home开始，如果我转到另一个页面，例如www.mysite.com/index.html#about。

如果我手动将www.mysite.com/index.html#about放入地址栏，我也会转到该特定页面。

但我的问题是，如果我点击我的楼层，非页面会被添加到浏览器历史记录中。因此，如果我决定点击浏览器后退按钮，我会在进入我的网站之前返回我所在的网站。

如何设置将我的点击添加到浏览器历史记录中？

Answer 1

您可以自己操纵Javascript历史记录对象： https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#Adding_and_modifying_history_entries

单击时添加到浏览器历史记录

1 个答案: