Question

我正在使用Bootstrap及其＆＃34; page-scroll＆＃34;。

页面滚动工作正常，除非用户点击菜单项，否则网址无法更改。

例如，当用户点击菜单项＆＃34; PRODUCTS＆＃34;时，我希望该网址从http://dev01-www.erisata.lt/en更改为http://dev01-www.erisata.lt/en#products

任何解决方案吗？

Answer 1

是的，预期......它是引导滚动的默认行为。您需要使用自己的JQuery覆盖默认行为。

尝试下面的JQuery代码，我已经在你的网站上测试了它效果很好。

在您的scrolling-nav.js中.bind()应如下所示

//jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 500, 'easeInOutExpo');
        window.location.hash = this.hash; //add only this line here
        event.preventDefault();
    });
});

如果您有任何疑问，请告诉我

当用户点击页面滚动（锚点）时，调用bootstrap在url中显示哈希链接

1 个答案: