Question

我使用this引导程序模板git code来构建网页。在portofolio中，当我单击某个项目时，会显示一个页面。有没有办法分享一个链接，它会立即显示该页面？我试过这个

www.mypage.com/#portfolioModal1

以及其他许多方式，但它们不起作用。

Answer 1

在agency.js添加此代码：

var hash = window.location.hash;
if(hash)
{
    $('html, body').stop().animate({
        scrollTop: $("a[href='#"+hash+"']").offset().top
    }, 1500, 'easeInOutExpo');
}

这将获取哈希值（例如portfolioModal1）并滚动到页面的给定部分。

注意：将其放在jQuery.ready()函数中。

您的agency.js应该是：

$(function() {
    var hash = window.location.hash;
    if(hash)
    {
        $('html, body').stop().animate({
            scrollTop: $("a[href='#"+hash+"']").offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    }
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});

// Highlight the top nav as scrolling occurs
$('body').scrollspy({
    target: '.navbar-fixed-top'
})

// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function() {
    $('.navbar-toggle:visible').click();
});

评论已被排除。

使用链接启用切换

1 个答案: